CSS maksimum breedte eiendom
Voorbeeld
Stel die maksimum breedte van 'n <p>-element op 150 pieksels:
p.ex1 {
max-width: 150px;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die max-width
eienskap definieer die maksimum breedte van 'n element.
As die inhoud groter is as die maksimum breedte, sal dit outomaties die hoogte van die element verander.
As die inhoud kleiner as die maksimum breedte is, het die
max-width
eiendom geen effek nie.
Let wel: Dit verhoed dat die waarde van die
width - eienskap groter word as
max-width
. Die waarde van die
max-width
eiendom oorheers die breedte-eienskap.
Standaard waarde: | geen |
---|---|
Geërf: | geen |
Animateerbaar: | ja, sien individuele eiendomme . Lees oor animeerbaar |
Weergawe: | CSS2 |
JavaScript-sintaksis: | voorwerp .style.maxWidth="600px" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
CSS-sintaksis
max-width: none|length|initial|inherit;
Eiendomswaardes
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 voorbeelde
Voorbeeld
Stel die maksimum breedte van 'n <p> element op 50% van die houer:
p.ex1 {
max-width: 50%;
}
Verwante bladsye
CSS-tutoriaal: CSS-hoogte en -breedte
CSS verwysing: min-breedte eiendom
HTML DOM verwysing: maxWidth eiendom