Atribut Style boxSizing

Definisi dan penggunaan

boxSizing Atribut ini memungkinkan Anda menentukan cara khusus untuk menyesuaikan elemen khusus untuk area tertentu.

Contoh, jika Anda ingin menempatkan 2 kotak dengan border yang berjarak mendatar, Anda dapat menetapkan box-sizing menjadi "border-box". Ini akan membuat peramban menampilkan kotak dengan lebar dan tinggi yang ditentukan, dan memasukkan border dan margin ke dalam kotak.

Lihat juga:

Panduan CSS:box-sizing 属性

Contoh

Mengubah atribut boxSizing:

document.getElementById("myDIV").style.boxSizing = "border-box";

Coba sendiri

Sintaks

Mengembalikan atribut boxSizing:

objek.style.boxSizing

Menetapkan atribut boxSizing:

objek.style.boxSizing = "content-box|border-box|initial|inherit"

nilai atribut

Nilai Deskripsi
content-box

nilai standar. Ini adalah perilaku lebar dan tinggi yang diatur oleh CSS2.1.

Lebar dan tinggi yang ditentukan (dan atribut min/max) digunakan untuk lebar dan tinggi kotak konten elemen.

Layout dan pengecatan margin dan border elemen diluar lebar dan tinggi yang ditentukan.
border-box

Lebar dan tinggi yang ditentukan untuk elemen menentukan kotak border elemen.

Artinya, setiap margin dan border yang ditentukan untuk elemen akan disesuaikan di dalam lebar dan tinggi yang sudah ditetapkan.

Kemampuan untuk mendapatkan lebar dan tinggi konten dapat dicapai dengan mengurangi border dan margin dari lebar dan tinggi yang sudah ditetapkan.
initial Menetapkan atribut ini ke nilai standarnya. Lihat initial。
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit。

detil teknis

nilai standar: content-box
nilai kembalian: string, menunjukkan elemen box-sizing 属性。
Versi CSS: CSS3

Dukungan Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan