Atribut Style alignSelf

Definisi dan penggunaan

alignSelf Atribut ini menentukan gaya penataan elemen yang dipilih di dalam kontainer elasti.

Keterangan:Atribut alignSelf akan menimpa atribut align-items kontainer elasti. Properti alignItems.

Contoh

Atur gaya penataan untuk salah satu elemen di dalam elemen elasti untuk menyesuaikan diri dengan kontainer:

document.getElementById("myBlueDiv").style.alignSelf = "stretch";

Coba sendiri

Sintaks

Kembalikan atribut alignSelf:

object.style.alignSelf

Atur atribut alignSelf:

object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"

Nilai atribut

Nilai Deskripsi
auto baku. Elemen mewarisi atribut align-items kontainer induknya, jika tidak ada kontainer induk, maka "stretch".
stretch elemen dijalurkan untuk menyesuaikan diri dengan kontainer.
center elemen berada di tengah kontainer.
flex-start elemen berada di awal kontainer.
flex-end elemen berada di ujung belakang kontainer.
baseline elemen berada di garis dasar kontainer.
initial Atur atribut ini ke nilai baku. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai baku: auto
Nilai kembalian: string yang menyatakan atur diri sendiri.
Versi CSS: CSS3

Dukungan peramban

alignItems adalah fitur CSS3 (1999).

Semua peramban mendukung penuhnya:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
didukung didukung didukung didukung didukung 11

Halaman yang berhubungan

Panduan CSS:atur diri sendiri

Panduan Referensi HTML DOM STYLE:Properti alignContent

Panduan Referensi HTML DOM STYLE:Properti alignItems