Le unità nei fogli di stile (CSS)

Ultimo aggiornamento venerdì 22 dicembre 2017 à 14:55 da Antonello Ciccarello.

Grazie ai fogli di stile è possibile definire dei valori numerici per le proprietà di stile in più modi: in modo assoluto, cioè in un'unità indipendente dal formato di uscita (in centimetri ad esempio) e in modo relativo, cioè in un'unità relativa ad un elemento. I valori dei fogli di stile sono sia dei numeri interi, sia dei numeri reali, cioè delle cifre con una parte intera e una decimale.

In generale, è da notare l'utilizzo del punto (« . ») nelle notazioni decimali al posto della virgola («8.5 cm» e non « 8,5 cm» ). I valori possono essere in alcuni casi negativi (preceduti dal segno « - »). Alcune proprietà possono tuttavia accettare una intervallo ristretto di valori.

Unita assolute

Le unità assolute proposte dallo standard CSS sono riassunte nella tabella seguente:

Unità	Descrizione
cm	Il centimetro
<b>in	In pollice (in inglese « inch ») che corrisponde a 2,54 cm
<b>mm	Il millimetro
<b>pt	Il punto
<b>pc	Il pica (che corrisponde a 12 pt)

Unità relative

Le unità relative proposte dallo standard CSS sono riassunte nella tabella seguente:

Unità	Descrizione
<b>em	Unità relativa alla dimensione del carattere dell'elemento selezionato. Sola eccezione a questa regola: quando la proprietà font-size è definita, essa si rapporta alla dimensione del carattere dell'elemento vicino.
ex	Unità relativa all'altezza della minuscola dell'elemento selezionato. Sola eccezione a questa regola: quando la proprietà font-size è definita, essa si rapporta all'altezza della minuscola dell'elemento vicino.
px	Il pixel. Si tratta di un'unità la cui resa dipende dalla risoluzione della periferica di visualizzazione.
%	La percentuale è un'unità relativa alla dimensione dell'elemento o del suo vicino.