CSS max-width eigenschap
Voorbeeld
Stel de maximale breedte van een <p> element in op 150 pixels:
p.ex1 {
max-width: 150px;
}
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De max-width
eigenschap definieert de maximale breedte van een element.
Als de inhoud groter is dan de maximale breedte, wordt de hoogte van het element automatisch gewijzigd.
Als de inhoud kleiner is dan de maximale breedte,
max-width
heeft de eigenschap geen effect.
Opmerking: dit voorkomt dat de waarde van de
eigenschap width groter wordt dan
max-width
. De waarde van de
max-width
eigenschap overschrijft de eigenschap width.
Standaardwaarde: | geen |
---|---|
geërfd: | Nee |
Animeerbaar: | ja, zie individuele eigenschappen . Lees over animeren |
Versie: | CSS2 |
JavaScript-syntaxis: | object .style.maxWidth="600px" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
CSS-syntaxis
max-width: none|length|initial|inherit;
Eigendomswaarden
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 |
Meer voorbeelden
Voorbeeld
Stel de maximale breedte van een <p> element in op 50% van de container:
p.ex1 {
max-width: 50%;
}
Gerelateerde pagina's
CSS-zelfstudie: CSS-hoogte en -breedte
CSS-referentie: eigenschap min-width
HTML DOM-referentie: eigenschap maxWidth