Örnek
boxSizing özelliğini değiştirin:
document.getElementById("myDIV").style.boxSizing = "border-box";
Kendin dene " Tanımı ve Kullanımı
boxSizing özelliği belirli bir şekilde bir alana sığması için belirli öğeleri tanımlamak için izin verir.
Eğer yan yana iki sınırlanmıştır kutuları yan istiyorsanız Örneğin, o boxSizing ayarını yoluyla elde edilebilir "border-box" . Bu Belirtilen genişlik ve yükseklik ile kutuyu işlemek ve kutunun içine sınır ve dolgu yerleştirmek için tarayıcı zorlar.
Tarayıcı Desteği
boxSizing özellik Internet Explorer, Opera, Chrome ve Safari'de desteklenir.
Firefox bir alternatif, MozBoxSizing özelliğini destekler.
Sözdizimi
boxSizing özelliğini Dönüş:
object .style.boxSizing boxSizing özelliğini ayarlayın:
object .style.boxSizing="content-box|border-box|initial|inherit"
Mülkiyet Değerler
| değer | Açıklama |
|---|---|
| content-box | Varsayılan değer. CSS2.1 tarafından belirtildiği gibi bu genişlik ve yüksekliğinin davranıştır. Belirtilen genişlik ve yükseklik (and min/max properties) elemanının içeriği kutusunun sırasıyla genişliği ve yüksekliği için de geçerlidir. elemanın dolgu ve sınır düzenlendiği ve belirtilen genişlik ve yükseklik dışında çizilir |
| border-box | Belirtilen genişlik ve yükseklik (and min/max properties) , bu eleman üzerinde yönlendirilmesi sınır kutusunun belirler. Bu, elemanın belirtilen tıkma ya da sınır düzenlendiği ve bu belirli genişlik ve yükseklik içinde çizilir vardır. İçerik genişliği ve yüksekliği ile belirtilen genişlik ve height özelliklerinden ilgili iki sınır ve dolgu genişlikleri çıkarılmasıyla hesaplanır |
| initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun |
| inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
Teknik detaylar
| Varsayılan değer: | İçerik-box |
|---|---|
| Geri dönüş değeri: | bir elemanın kutu boyutlandırma özelliği temsil eden bir String, |
| CSS Sürüm | CSS3 |
İlgili Sayfalar
CSS referansı: box-sizing property
<Stil Nesne