Esempio
Impostare la larghezza massima di un <p> elemento:
p
{
max-width: 100px;
}
Prova tu stesso " Definizione e utilizzo
La struttura max-width viene utilizzato per impostare la larghezza massima di un elemento.
Questo impedisce il valore della proprietà larghezza da diventare più grande di max-width.
Nota: Il valore del max-width modifiche locali alle proprietà di larghezza .
| Valore di default: | none |
|---|---|
| Inherited: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.maxWidth="600px" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
CSS Sintassi
max-width: none|length|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| none | No larghezza massima. Questa è l'impostazione predefinita | Gioca " |
| length | Definisce la larghezza massima in px, cm, etc. | Gioca " |
| % | Definisce la larghezza massima in percentuale del blocco contenitore | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
Tutorial CSS: CSS Dimension
Riferimento CSS: min-width property
Di riferimento HTML DOM: maxWidth property