Sifat justifyContent Style

Definisi dan penggunaan

Ketika item belum menggunakan semua ruang yang tersedia di sumbu utama (horisontal), justifyContent Sifat menarik item di kontainer fleksibel.

Petunjuk:Gunakan alignContent Sifat menarik item di sumbu mendatar (vertikal).

Lihat juga:

Panduan CSS:Sifat justify-content

Contoh

Mengeluarkan ruang di antara item di dalam elemen <div> yang fleksibel:

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

Coba sendiri

Sintaks

Kembalian sifat justifyContent:

objek.style.justifyContent

Tetapkan sifat justifyContent:

objek.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"

Nilai sifat

Nilai Penerangan
flex-start Nilai lalai. Item berada di permulaan kontainer.
flex-end Item berada di ujung kontainer.
center Item berada di tengah kontainer.
space-between Mengeluarkan ruang untuk item di antara baris.
space-around Mengeluarkan ruang untuk item di baris sebelum, di antara dan di belakang baris.
initial Tetapkan sifat ini ke nilai lalainya. Lihat initial.
inherit Mewarisi sifat ini dari elemen induknya. Lihat inherit.

Rangkaian teknikal

Nilai lalai: flex-start
Kembalian nilai: Teks, menunjukkan elemen Sifat justify-content.
Versi CSS: CSS3

Dukungan pelayar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Disebabkan 12.0 Disebabkan 9.0 Disebabkan

Laman yang berkenaan

Panduan STYLE DOM HTML:Sifat alignContent

Panduan STYLE DOM HTML:Sifat alignItems

Panduan STYLE DOM HTML:Atribut alignSelf