Tutorial CSS3 properti kotak-pack Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,Dukungan Browser,Definisi atribut dan petunjuk,tatabahasa,
Elemen anak dari div menggunakan kedua kotak-align dan properti kotak-pack berpusat:
Mainstream browser saat ini tidak mendukung atribut kotak-pack.
Internet Explorer 10 menggunakan properti properti -MS-flex-pack bukan mendukung.
Firefox dengan milik pribadi - dukungan MOZ-box-pack.
Safari, Opera, dan Chrome melalui dukungan properti -webkit-box-pack swasta.
Catatan: Internet Explorer 9 dan versi sebelumnya dari IE tidak mendukung kotak fleksibel.
kotak-pack kotak atribut menentukan kapan elemen anak ditempatkan dalam kotak dari elemen anak lebih kecil dari kotak.
Atribut ini menetapkan lintas bingkai posisi horizontal, posisi vertikal dari frame vertikal.
default: | awal |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | keberatan .style.boxPack = "center" |
nilai | penjelasan |
---|---|
awal | Untuk arah umum kotak, anak pertama ditempatkan di tepi kiri sisi kiri (elemen anak terakhir dari semua ruang ekstra setelah berdiri). Untuk kotak terbalik, tepi kanan dari elemen anak terakhir ditempatkan di sisi kanan (semua ruang ekstra ditempatkan sebelum elemen anak pertama) |
akhir | Untuk kotak arah normal, elemen anak terakhir dari tepi kanan ditempatkan di sebelah kanan (semua anak pertama ekstra spasi sebelum). Untuk kotak terbalik, anak pertama dari tepi kiri di sisi kiri (elemen anak terakhir dari semua ruang ekstra setelah berdiri) |
pusat | Ruang tambahan dibagi secara merata menjadi dua bagian, babak pertama ditempatkan anak pertama, menempatkan setengah lainnya dari elemen anak terakhir |
membenarkan | Rata-rata ruang tambahan yang dialokasikan untuk setiap sub-elemen |