CSS -Max-Breite- Eigenschaft
Beispiel
Legen Sie die maximale Breite eines <p>-Elements auf 150 Pixel fest:
p.ex1 {
max-width: 150px;
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die max-width
Eigenschaft definiert die maximale Breite eines Elements.
Wenn der Inhalt größer als die maximale Breite ist, wird die Höhe des Elements automatisch geändert.
Wenn der Inhalt kleiner als die maximale Breite ist,
max-width
hat die Eigenschaft keine Wirkung.
Hinweis: Dadurch wird verhindert, dass der Wert der
width- Eigenschaft größer als wird
max-width
. Der Wert der
max-width
Eigenschaft überschreibt die width-Eigenschaft.
Standardwert: | keiner |
---|---|
Vererbt: | Nein |
Animierbar: | Ja, siehe einzelne Eigenschaften . Lesen Sie mehr über animierbare |
Ausführung: | CSS2 |
JavaScript-Syntax: | Objekt .style.maxWidth="600px" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
CSS-Syntax
max-width: none|length|initial|inherit;
Eigenschaftswerte
Value | Description | Play it |
---|---|---|
none | No maximum width. This is default | |
length | Defines the maximum width in px, cm, etc. Read about length units | |
% | Defines the maximum width in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Mehr Beispiele
Beispiel
Legen Sie die maximale Breite eines <p>-Elements auf 50 % des Containers fest:
p.ex1 {
max-width: 50%;
}
Verwandte Seiten
CSS-Tutorial: CSS-Höhe und -Breite
CSS-Referenz: Eigenschaft min-width
HTML-DOM-Referenz: maxWidth-Eigenschaft