CSS3 box-zaklejania własność
Przykłady
Dwa pola wyznaczonego border:
div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
float:left;
}
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
float:left;
}
Spróbuj »
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.
Natychmiast po -webkit- cyfrowego -ms- lub -moz- temu w uzasadnieniu przedrostka atrybutu pierwszy numer wersji przeglądarki.
属性 | |||||
---|---|---|---|---|---|
box-sizing | 10.0 4.0 -webkit- |
8.0 | 29.0 2.0 -moz- |
5.1 3.2 -webkit- |
9.5 |
Atrybut definicje i instrukcje
box-zaklejania właściwość pozwala na zdefiniowanie pewnych elementów w jakiś sposób dostosować się do wyznaczonego obszaru.
Na przykład, jeśli chcesz umieścić dwa obok siebie z pola granicznego przez box-zaklejania do "border-box". Można to zrobić przeglądarkę pokazano pole o określonej szerokości i wysokości, a granicą oraz wyściółka w polu.
Domyślnie: | content-box |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.boxSizing = "border-box" |
gramatyka
box-klejący: content-box | border-box | dziedziczą:
wartość | wyjaśnienie |
---|---|
content-box | Jest to zachowanie szerokości i wysokości określonej w CSS2.1. Szerokość i wysokość (min / max atrybut) wymienione elementy nadające się do szerokości i wysokości skrzynki. Padding i granice, a do rysowania układów określić szerokość i wysokość elementu wyjątkiem |
border-box | Określa szerokość i wysokość (min / max atrybutu) w celu określenia pola obramowania elementu. Innymi słowy, elementy określonej wysokości i szerokości w tym oznaczenie dopełnienia i obramowania. Szerokość i wysokość treści minus odpowiednich stronach granicy i wypełnić liczony jest od szerokości "szerokość" i "wysokość" określonego atrybutu |
dziedziczyć | Wartość określa właściwość box-rozmiary powinny być dziedziczone z elementu nadrzędnego |
Powiązane artykuły
Tutorial CSS3: CSS3 User Interface