Das beste CSS3 Box-Sizing-Eigenschaft-Tutorial im Jahr 2024. In diesem Tutorial können Sie Beispiele,Browser-Unterstützung,Attributdefinitionen und Anweisungen,Grammatik,In Verbindung stehende Artikel, lernen
Zwei Boxen bezeichneten Grenze:
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 |
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" |
| 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 |
CSS3 Tutorial: CSS3 der Benutzeroberfläche