Contoh
Mengatur keberpihakan untuk salah satu item di dalam elemen yang fleksibel untuk menyesuaikan wadah:
// Code for Safari 7.0+
document.getElementById("myBlueDiv").style.WebkitAlignSelf = "stretch";
// Standard syntax
document.getElementById("myBlueDiv").style.alignSelf = "stretch"; Cobalah sendiri " Definisi dan Penggunaan
Properti alignSelf menentukan keselarasan untuk item yang dipilih dalam wadah fleksibel.
Note: Properti alignSelf menimpa properti alignItems wadah yang fleksibel ini.
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 | |||||
|---|---|---|---|---|---|
| alignSelf | 21.0 | 11.0 | 20,0 | 7.0 Webkit | 12.1 |
Catatan: Safari mendukung alternatif, properti WebkitAlignSelf.
Sintaksis
Kembali properti alignSelf:
object .style.alignSelfMengatur properti alignSelf:
object .style.alignSelf="auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
Nilai properti
| Nilai | Deskripsi |
|---|---|
| auto | Default. Unsur mewarisi menyelaraskan-item properti orangtua wadah ini, atau "stretch" jika tidak memiliki orangtua wadah |
| stretch | Unsur diposisikan sesuai conatiner yang |
| center | Unsur diposisikan di tengah wadah |
| flex-start | Unsur ini diposisikan pada awal wadah |
| flex-end | Unsur diposisikan pada akhir wadah |
| baseline | Unsur diposisikan di dasar wadah |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | mobil |
|---|---|
| Kembali Nilai: | Sebuah String, yang mewakili properti menyelaraskan diri dari elemen |
| CSS Versi | CSS3 |
Pages terkait
Referensi CSS: align-self property
HTML DOM STYLE Referensi: alignContent property
HTML DOM STYLE Referensi: alignItems property
<Style Object