Vai ai contenuti

LAU



Home > Proprietà CSS2 > Proprietà per la dimensione dei contenuti


Proprietà CSS2

Proprietà per la dimensione dei contenuti

Tabella riassuntiva e descrittiva delle funzionalità, valori e supporto dei browser relativa alla specifiche dei CSS2 per la gestione della dimensione dei contenuti.

  • NN: indica da quale versione di Netscape Navigator viene supportata la proprietà.
  • IE: indica da quale versione di Internet Explorer viene supportata la proprietà.
  • MF: indica da quale versione di Mozilla Firefox viene supportata la proprietà.
Proprietà Valori IE NN MF
height auto
<lunghezza>
%
4.0 6.0 1.0
line-height normal
<numero>
<lunghezza>
%
4.0 4.0 1.0
max-height none
<lunghezza>
%
no 6.0 1.0
max-width none
<lunghezza>
%
no 6.0 1.0
min-height <lunghezza>
%
no 6.0 1.0
min-width <lunghezza>
%
no 6.0 1.0
width auto
<lunghezza>
%
4.0 4.0 1.0

Esempi dimostrativi delle funzionalità di alcune proprietà per la dimensione dei contenuti:

torna alla lista completa delle proprietà

height

La proprietà height specifica l'altezza dei contenuti per gli elementi a livello di blocco.
La proprietà height ammette i seguenti valori:

  • <lunghezza> (px, em, cm, etc.);
  • % (valori percentuali);
  • auto (valore predefinito);
img{
height: 200px;
}

In questo esempio l'altezza dei contenuti per l'elemento img è pari a 200px.

torna alla tabella

line-height

La proprietà line-height serve per impostare l'interlinea.
La proprietà line-height può essere specificata tramite i seguenti valori:

  • normal (imposta una distanza ragionevole tra le righe);
  • <numero> (imposta un numero che sarà moltiplicato per la dimensione corrente del carattere);
  • <lunghezza> (imposta una distanza fissa tra le righe);
  • % (imposta una distanza in percentuale tra le righe).
p{ 
line-height: 10pt;
}

In questo esempio viene impostata al paragrafo un'interlinea pari a 10pt.

torna alla tabella

max-height

La proprietà max-height specifica l'altezza massima di un elemento.
La proprietà max-height ammette i seguenti valori:

  • none (non definisce limiti sull'altezza massima di un elemento);
  • <lunghezza> (definisce l'altezza massima di un elemento);
  • % (definisce in percentuale l'altezza massima di un elemento);
p{
max-height: 50px;
}

In questo esempio l'altezza massima dell'elemento p è stabilita in 50px.

Questa proprietà al momento non è supportata da Internet Explorer 6 e precedenti per Windows.

torna alla tabella

max-width

La proprietà max-width specifica la larghezza massima di un elemento.
La proprietà max-width ammette i seguenti valori:

  • none (non definisce limiti sulla larghezza massima di un elemento);
  • <lunghezza> (definisce la larghezza massima di un elemento);
  • % (definisce in percentuale la larghezza massima di un elemento);
h2{
max-width: 300px;
}

In questo esempio l'altezza massima dell'elemento h2 è stabilita in 300px.

Questa proprietà al momento non è supportata da Internet Explorer 6 e precedenti per Windows.

torna alla tabella

min-height

La proprietà min-height specifica l'altezza minima di un elemento.
La proprietà min-height ammette i seguenti valori:

  • <lunghezza> (definisce l'altezza minima di un elemento);
  • % (definisce in percentuale l'altezza minima di un elemento);
p{
min-height: 10px;
}

In questo esempio l'altezza minima dell'elemento p è stabilita in 10px.

Questa proprietà al momento non è supportata da Internet Explorer 6 e precedenti per Windows.

torna alla tabella

min-width

La proprietà min-width specifica la larghezza minima di un elemento.
La proprietà min-width ammette i seguenti valori:

  • <lunghezza> (definisce la larghezza massima di un elemento);
  • % (definisce in percentuale la larghezza massima di un elemento);
h2{
min-width: 50px;
}

In questo esempio la larghezza minima dell'elemento h2 è stabilita in 50px.

Questa proprietà al momento non è supportata da Internet Explorer 6 e precedenti per Windows.

torna alla tabella

width

La proprietà width specifica la larghezza dei contenuti per gli elementi a livello di blocco
La proprietà width ammette i seguenti valori:

  • auto (valore predefinito);
  • <lunghezza> (definisce la larghezza di un elemento in pixel,em, etc.);
  • % (definisce in percentuale la larghezza di un elemento);
div{
width: 200px;
}

In questo esempio la larghezza dell'elemento div è stabilita in 200px.

torna alla tabella

[ Torna all’inizio della pagina ]



Sito realizzato dal Laboratorio di Accessibilità e Usabilità del CSI-Piemonte - Privacy, cookies e accessibilità

[ Torna all’inizio della pagina ]