CSS3 Box-Sizing-Eigenschaft
Beispiele
Zwei Boxen bezeichneten Grenze:
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
float:left;
}
Versuchen »
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
Unmittelbar im Anschluss an die digitale -webkit-, -MS- oder vor zur Unterstützung der Präfix Attributnummer erste Browser-Version -moz-.
属性 | |||||
---|---|---|---|---|---|
box-sizing | 10.0 4.0 -webkit- |
8.0 | 29.0 2.0 -moz- |
5.1 3.2 -webkit- |
9.5 |
Attributdefinitionen und Anweisungen
Box-Sizing-Eigenschaft ermöglicht es Ihnen, bestimmte Elemente in irgendeiner Weise zu definieren, zu dem bezeichneten Gebiet anzupassen.
Zum Beispiel müssen, wenn Sie von der Box-Sizing zwei Seite an Seite mit einem Grenzfeld zu platzieren "border-box". Dies kann eine Box mit der angegebenen Breite und Höhe, und der Grenze und Polsterung in die Box machen den Browser zeigt.
Standard: | Inhalt-Box |
---|---|
Vererbung: | keine |
Version: | CSS3 |
JavaScript-Syntax: | Objekt .style.boxSizing = "border-box" |
Grammatik
Wert | Erklärung |
---|---|
Inhalt-Box | Dies ist das Verhalten der Breite und Höhe angegeben CSS2.1. Breite und Höhe (min / max-Attribut) angegebene Element geeignet für Box Breite und Höhe. Padding und Grenzen, und Zeichnung Layouts geben die Breite und Höhe des Elements mit Ausnahme |
border-box | Gibt die Breite und Höhe (min / max-Attribut) des Elements Grenze Feld zu bestimmen. Mit anderen Worten, spezifiziert die Elemente Breite und Höhe einschließlich der Bezeichnung der Polsterung und Grenze. Breite und Höhe des Inhalts abzüglich der jeweiligen Seiten der Grenze und füllen wird von der Breite berechnet "Breite" und "Höhe" Attribut angegeben |
erben | Wert gibt die Box-Sizing-Eigenschaft sollte aus dem übergeordneten Element vererbt werden |
In Verbindung stehende Artikel
CSS3 Tutorial: CSS3 der Benutzeroberfläche