Proprietà width
La proprietà width imposta la larghezza
di un elemento. I valori accettati dalla proprietà sono qualsiasi
unità
di misura oppure il valore chiave auto,
che consente al browser di calcolare autonomamente
la dimensione dell'elemento (comportamento predefinito).
Sintassi
selettore {
width: valore;
}
Esempio
Impostiamo la larghezza dell'elemento a 300px:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border: 1px solid black;
}
:
Esempio
Facciamo in modo che l'elemento occupi
70% della larghezza del suo genitore (nel nostro
caso sarà la finestra del browser):
<div id="elem"></div>
#elem {
width: 70%;
height: 100px;
border: 1px solid black;
}
: