Sifat alignContent Style

Definisi dan penggunaan

Ketika proyek belum menggunakan semua ruang yang tersedia di sumbu tingkat (vertikal),alignContent Sifat menarik proyek kontainer elasthan.

Petunjuk:Gunakan Sifat justifyContent Menyusun proyek di sumbu utama (horisontal).

Komentar:Harus ada banyak baris proyek untuk memastikan sifat ini berfungsi.

Contoh

Letakkan proyek elemen <div> elasthan di antara baris yang mempunyai ruang:

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

Coba sendiri

Sintaks

Kembalikan sifat alignContent:

object.style.alignContent

Tetapkan sifat alignContent:

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

Nilai sifat

Nilai Deskripsi
stretch Nilai lalai. Baris di-stretch untuk mengisi ruang sisa.
center Proyek berada di tengah penampung.
flex-start Proyek berada di awal penampung.
flex-end Proyek berada di ujung penampung.
space-between Proyek berada di antara baris yang mempunyai ruang.
space-around Buat ruang kosong di awal, tengah, dan akhir baris proyek.
initial Tetapkan sifat ini ke nilai lalainya. Lihat initial.
inherit Mewarisi sifat ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai lalai: stretch
Hasil kembalian: String, menunjukkan elemen Sifat align-content.
Versi CSS: CSS3

Pendukung pelayar

alignContent Adalah sifat CSS3 (1999).

Semua pelayar mendukung sepenuhnya:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Disebalik Disebalik Disebalik Disebalik Disebalik 11

Halaman yang berhubungan

Panduan CSS:Sifat align-content

Panduan STYLE DOM HTML:Sifat alignItems

Panduan STYLE DOM HTML:Sifat alignSelf

Panduan STYLE DOM HTML:Sifat justifyContent