Le unità nei fogli di stile (CSS)

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.

Foto: © Pixabay.

Fai una domanda
I nostri contenuti sono creati in collaborazione con esperti di high-tech, sotto la direzione di Jean-François Pillou, fondatore di CCM.net. CCM è un sito di high-tech leader a livello internazionale ed è disponibile in 11 lingue.
Il documento intitolato « Le unità nei fogli di stile (CSS) » dal sito CCM (it.ccm.net) è reso disponibile sotto i termini della licenza Creative Commons. È possibile copiare, modificare delle copie di questa pagina, nelle condizioni previste dalla licenza, finché questa nota appaia chiaramente.