Beispiel
Ändern Sie die boxSizing Eigenschaft:
document.getElementById("myDIV").style.boxSizing = "border-box";
Versuch es selber " Definition und Verwendung
Die boxSizing Eigenschaft ermöglicht es Ihnen, bestimmte Elemente zu definieren, eine Fläche in einer bestimmten Weise zu passen.
Zum Beispiel, wenn Sie an Seite zwei umrandeten Kästchen Seite wollen, kann es boxSizing durch Einstellung erreicht werden "border-box" . Dies zwingt den Browser, um das Feld mit der angegebenen Breite und Höhe zu machen, und legt die Grenze und Polsterung in der Box.
Browser-Unterstützung
Die boxSizing Eigenschaft wird in Internet Explorer, Opera, Chrome und Safari unterstützt.
Firefox unterstützt eine Alternative, die MozBoxSizing Eigenschaft.
Syntax
Bringen Sie die boxSizing Eigenschaft:
object .style.boxSizing Stellen Sie die boxSizing Eigenschaft:
object .style.boxSizing="content-box|border-box|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| content-box | Standardwert. Dies ist das Verhalten von Breite und Höhe, wie durch CSS2.1 angegeben. Die angegebene Breite und Höhe (and min/max properties) - (and min/max properties) gelten für die Breite und Höhe beziehungsweise der Inhaltsbox des Elements. Die Polsterung und die Grenze des Elements angelegt sind und außerhalb der angegebenen Breite und Höhe gezeichnet |
| border-box | Die angegebene Breite und Höhe (and min/max properties) - (and min/max properties) auf diesem Elemente die Grenzkasten des Elements bestimmen. Das heißt, jede Polsterung oder Rand an dem Element angegeben wird angelegt und innerhalb dieser vorgegebenen Breite und Höhe gezogen. Der Gehalt Breite und Höhe werden durch Subtrahieren der Grenze und padding Breiten der jeweiligen Seiten von der angegebenen ‚width‘ und ‚height‘ Eigenschaften berechnet |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
| Standardwert: | Inhalt-Box |
|---|---|
| Rückgabewert: | Ein String, die die kastenSchlichte Eigenschaft eines Elements |
| CSS Version | CSS3 |
Verwandte Seiten
CSS - Referenz: box-sizing property
<Style - Objekt