Style maxWidth- Eigenschaft
Beispiel
Legen Sie die maximale Breite eines <div>-Elements fest:
document.getElementById("myDiv").style.maxWidth = "100px";
Definition und Verwendung
Die Eigenschaft maxWidth legt die maximale Breite eines Elements fest oder gibt sie zurück.
Die Eigenschaft maxWidth wirkt sich nur auf Elemente auf Blockebene oder auf Elemente mit absoluter oder fester Position aus.
Hinweis: Die Breite eines Elements kann niemals größer sein als der von der Eigenschaft maxWidth angegebene Wert.
Tipp: Um die Mindestbreite eines Elements festzulegen oder zurückzugeben, verwenden Sie die Eigenschaft minWidth .
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
maxWidth | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die maxWidth-Eigenschaft zurück:
object.style.maxWidth
Legen Sie die maxWidth-Eigenschaft fest:
object.style.maxWidth = "none|length|%|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
none | No limit on the width of the element. This is default |
length | Defines the maximum width in length units |
% | Defines the maximum width in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | keiner |
---|---|
Rückgabewert: | Ein String, der die maximale Breite eines Elements darstellt |
CSS-Version | CSS2 |
Mehr Beispiele
Beispiel
Gibt die maximale Breite eines <div>-Elements zurück:
alert(document.getElementById("myDiv").style.maxWidth);
Verwandte Seiten
CSS-Tutorial: CSS-Dimension
CSS-Referenz: max-width-Eigenschaft
❮ Style-Objekt