Przykład
Zmień właściwość boxSizing:
document.getElementById("myDIV").style.boxSizing = "border-box";
Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość boxSizing pozwala zdefiniować pewne elementy, aby dopasować obszar, w pewnym sensie.
Na przykład, jeśli chcesz dwóch ramkach obok siebie, to można osiągnąć poprzez ustawienie boxSizing do "border-box" . To zmusza przeglądarkę do renderowania pole o określonej szerokości i wysokości, i umieścić obramowanie i dopełnienie wewnątrz pudełka.
Wsparcie przeglądarka
Nieruchomość boxSizing jest obsługiwana w programie Internet Explorer, Opera, Chrome i Safari.
Firefox obsługuje alternatywę, właściwość MozBoxSizing.
Składnia
Zwraca właściwość boxSizing:
object .style.boxSizing
Ustaw właściwość boxSizing:
object .style.boxSizing="content-box|border-box|initial|inherit"
wartości nieruchomości
Wartość | Opis |
---|---|
content-box | Domyślna wartość. Jest to zachowanie szerokości i wysokości określonych przez CSS2.1. Wyspecyfikowana szerokość i wysokość (and min/max properties) stosuje się do szerokości i wysokości, odpowiednio, w polu zawartości elementu. Padding i border elementu są rozplanowane i wyciągnąć na zewnątrz określonej wysokości i szerokości |
border-box | Wyspecyfikowana szerokość i wysokość (and min/max properties) tego elementu określić pole ograniczenia elementu. Oznacza to, że każdy wyściółka lub granica określona na elemencie jest rozplanowany i wyciągnąć wewnątrz tej określonej wysokości i szerokości. Szerokość i wysokość zawartość oblicza się przez odjęcie obramowań szerokości odpowiednich stronach od określonego „szerokość” i „wysokość” właściwościach |
initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy |
inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć |
Szczegóły techniczne
Domyślna wartość: | content-box |
---|---|
Zwracana wartość: | Ciąg, stanowiących własność skrzynki wielkości elementu |
Wersja CSS | CSS3 |
Podobne strony
Odniesienie CSS: box-sizing property
<Style obiektu