Properti Style alignItems

Definisi dan penggunaan

alignItems Properti ini menentukan cara aligen baku item di dalam kontainer elastis.

Petunjuk:Gunakan properti setiap item Atur properti align-self untuk menutupi align-items properti.

Contoh

Menempatkan aligen item semua elemen <div> elastis di awal kontainer:

document.getElementById("main").style.alignItems = "flex-start";

Coba sendiri

Syarat

Kembalikan properti alignItems:

object.style.alignItems

Atur properti alignItems:

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

Nilai properti

Nilai Deskripsi
stretch Baku. Item dijelaskan untuk memenuhi kontainer.
center Item berada di tengah kontainer.
flex-start Item berada di awal kontainer.
flex-end Item berada di ujung kontainer.
baseline Item ditempatkan di garis dasar kontainer.
initial Atur properti ini ke nilai baku. Lihat initial.
inherit Mengambil properti ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai baku: stretch
Nilai kembalian: String yang menyatakan elemen align-items properti.
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
Dukung Dukung Dukung Dukung Dukung 11

Halaman yang berhubungan

Panduan CSS:align-items properti

Panduan Referensi HTML DOM STYLE:Properti alignContent

Panduan Referensi HTML DOM STYLE:Properti alignSelf