Atribut align-self CSS

Definisi dan penggunaan

align-self Atribut menentukan cara pengaligaturan item yang dipilih di dalam kontainer elasti.

Perhatian:Atribut align-self akan menimpa atribut kontainer elasti: align-items Atribut.

Lihat pula:

Panduan CSS:CSS Grid

Panduan CSS:Flexbox CSS

Panduan CSS:Atribut alignContent

Panduan CSS:Atribut alignItems

Panduan CSS:Atribut justifySelf

Panduan HTML DOM:Atribut alignSelf

Contoh

Menaruh elemen yang satu di tengah kontainer elasti:

#myBlueDiv {
  align-self: center;
}

Coba sendiri

Syntaks CSS

align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;

Nilai atribut

Nilai Deskripsi
auto Default. Elemen mewarisi atribut align-items dari kontainer elastiannya, jika tidak ada kontainer, maka "stretch".
stretch Elemen dijelaskan untuk menyesuaikan diri dengan kontainer.
center Elemen berada di tengah kontainer.
flex-start Elemen berada di awal kontainer.
flex-end Elemen berada di ujung kontainer.
baseline Elemen ditempatkan di garis dasar kontainer.
initial Atur atribut ini ke nilai default. Lihat: initial.
inherit Mewarisi atribut ini dari elemen induknya. Lihat: inherit.

Detil teknis

Nilai default: auto
Mewarisi: Tidak
Pembuatan animasi: Tidak didukung. Lihat:Properti animasi.
Versi: CSS3
Syntaks JavaScript: object.style.alignSelf="center"

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung sifat ini.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 16.0 52.0 10.1 44.0