Properti HTML DOM Style boxSizing
contoh
Mengubah properti boxSizing:
document.getElementById("myDIV").style.boxSizing="border-box";
Coba »
Definisi dan Penggunaan
boxSizing properti memungkinkan Anda untuk menentukan pertandingan tertentu elemen tertentu dari suatu daerah.
Misalnya, jika Anda perlu untuk menempatkan dua berdampingan, dengan perbatasan kotak, dapat disiapkan oleh boxSizing diatur ke "border-box" untuk mencapai. Hal ini dapat membuat browser menampilkan kotak dengan lebar tertentu dan tinggi, dan perbatasan, dan padding ke dalam kotak.
Dukungan Browser
Internet Explorer, Opera, Chrome dan dukungan Safari properti boxSizing.
Firefox mendukung alternatif lain dari atribut properti yang properti MozBoxSizing.
tatabahasa
Sifat Kembali boxSizing:
object .style.boxSizing
Pengaturan properti boxSizing:
object .style.boxSizing="content-box|border-box|initial|inherit"
Nilai properti
值 | 描述 |
---|---|
content-box | 默认值。这是由 CSS2.1 规定的宽度和高度的行为。设定的宽度和高度(及 min/max 属性)分别应用到元素的内容框的宽度和高度。在设定的宽度和高度之外绘制元素的内边距和边框。 |
border-box | 为元素设定的宽度和高度(及 min/max 属性)决定了元素的边框盒。也就是说,为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过把已设定的 'width' 和 'height' 属性分别减去边框和内边距才能得到内容的宽度和高度。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
rincian teknis
default: | konten-kotak |
---|---|
Pengembalian: | String yang mewakili unsur properti kotak-sizing. |
versi CSS | CSS3 |
Artikel terkait
Referensi CSS: Properti Box-Sizing