Le unità nei fogli di stile (CSS)

Le unità

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) ;
  • 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
in In pollice (in inglese « inch ») che corrisponde a 2,54 cm
mm Il millimetro
pt Il punto
pc Il pica (che corrisponde a 12 pt)

Unità relative

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

unità descrizione
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.
Ultime modificazione il venerdì 6 febbraio 2009 alle 16:51:57 da Jeff
Il documento intitolato « Le unità nei fogli di stile (CSS) » da Kioskea.net (it.kioskea.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.
Classi e ID
Colori CSS