Beispiel
Legen Sie die maximale Breite eines <p> Element:
p
{
max-width: 100px;
}
Versuch es selber " Definition und Verwendung
Die max-width Eigenschaft ist die maximale Breite eines Elements eingestellt.
Dies verhindert, dass der Wert der Breite Eigenschaft von immer größer als max-width.
Hinweis: Der Wert des max-width - Eigenschaft überschreibt Breite .
| Standardwert: | none |
|---|---|
| Vererbt: | no |
| Anima: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS2 |
| JavaScript-Syntax: | object .style.maxWidth="600px" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
CSS-Syntax
max-width: none|length|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| none | Keine maximale Breite. Dies ist die Standardeinstellung | Spiel es " |
| length | Definiert die maximale Breite in Pixel, cm usw. | Spiel es " |
| % | Definiert die maximale Breite in Prozent des umschließenden Blocks | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS Tutorial: CSS Dimension
CSS - Referenz: min-width property
HTML - DOM - Referenz: maxWidth property