Properti alignContent Style

Definisi dan penggunaan

Ketika item belum menggunakan semua ruang yang tersedia di sumbu horizontal (vertikal),alignContent Properti menyesuaikan item kontainer elasthan.

Petunjuk:Gunakan Properti justifyContent Menyusun item di sumbu utama (horisontal).

Komentar:Harus ada beberapa baris item untuk membuat properti ini berfungsi.

Contoh

Menempatkan item elemen <div> elasthan di antara baris yang mempunyai ruang:

document.getElementById("main").style.alignContent = "space-between";

Coba sendiri

Sintaks

Kembalikan properti alignContent:

object.style.alignContent

Atur properti alignContent:

object.style.alignContent = "stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"

Nilai properti

Nilai Deskripsi
stretch Nilai baku. Baris dijalurkan untuk mengisi ruang sisa.
center Item berada di tengah kontainer.
flex-start Item berada di awal kontainer.
flex-end Item berada di ujung kontainer.
space-between Item berada di antara baris yang mempunyai ruang.
space-around Item memiliki jarak kosong di baris sebelum, di antara, dan setelah barisnya.
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 menunjukkan elemen Properti align-content.
Versi CSS: CSS3

Dukungan peramban

alignContent Adalah fitur CSS3 (1999).

Semua peramban mendukungnya penuhnya:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Dukung Dukung Dukung Dukung Dukung 11

Halaman yang berhubungan

Referensi CSS:Properti align-content

Referensi DOM STYLE HTML:Properti alignItems

Referensi DOM STYLE HTML:Properti alignSelf

Referensi DOM STYLE HTML:Properti justifyContent