Contoh
Pusat keberpihakan untuk salah satu item dalam elemen fleksibel:
#myBlueDiv
{
-webkit-align-self: center; /* Safari 7.0+ */
align-self: center;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti menyelaraskan diri menentukan keselarasan untuk item yang dipilih dalam wadah fleksibel.
Note: Properti menyelaraskan diri menimpa menyelaraskan-item properti wadah fleksibel ini.
| nilai default: | auto |
|---|---|
| mewarisi: | no |
| animatable: | no. Read about animatable |
| Versi: | CSS3 |
| sintaks JavaScript: | object .style.alignSelf="center" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Nomor diikuti oleh -webkit- menentukan versi pertama yang bekerja dengan awalan.
| Milik | |||||
|---|---|---|---|---|---|
| align-self | 21.0 | 11.0 | 20.0 | 9.0 7.0 -webkit- | 12.1 |
CSS Syntax
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;Nilai properti
| Nilai | Deskripsi | Mainkan |
|---|---|---|
| auto | Default. Elemen mewarisi menyelaraskan-barang properti orangtua wadah ini, atau "stretch" jika tidak memiliki orangtua wadah | Mainkan " |
| stretch | Unsur diposisikan sesuai wadah | Mainkan " |
| center | Unsur diposisikan di tengah wadah | Mainkan " |
| flex-start | Unsur ini diposisikan pada awal wadah | Mainkan " |
| flex-end | Unsur diposisikan pada akhir wadah | Mainkan " |
| baseline | Unsur diposisikan di dasar wadah | Mainkan " |
| initial | Set properti ini ke nilai default. Baca tentang awal | Mainkan " |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
CSS Referensi: align-content property
CSS Referensi: align-items property
Referensi HTML DOM: alignSelf property