Najnowsze tutoriale tworzenie stron internetowych
 

Style boxSizing Property

<Style obiektu

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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