[CSS] Valori e unità di misura delle proprietà

[CSS] Valori e unità di misura delle proprietà

  luglio 17, 2014    portaletecnologico

---

La prima regola valida per i valori da attribuire alle singole proprietà è quella di non mettere mai i valori tra le virgolette, eccezione fatta per i valori attribuiti tramite stringhe di testo e i nomi font che contengono più di una parola.

La seconda regola è quella di non la lasciare mai uno spazio tra il valore numerico e l'unità di misura; per esempio sarà esatto scrivere 20px e non 20 px.

Le unità usate per regolare le dimensioni sono:

- px (pixel): unità di misura relativa sulla quale si base il concetto di risoluzione;

- em (em-height): unità di misura relativa che equivale all’altezza di un carattere per un font;

- pt (points – punti): definisce la dimensione del font;

- pc (picas): un pica equivale a 12 punti;

Esistono altre unità di misura ma poco applicabili dato che fanno parte dei vari sistemi metrici e non usati perchè in conflitto con le dimensioni del monitor e sono:

- in (inches – pollici);

- cm (centimetri);

- mm (millimetri);

Percentuale: il valore espresso non deve essere mai seguito da uno spazio, pertanto sarà esatto scrivere 40% e non 40 % eil valore espresso va sempre considerato relativo ad un altro valore.

Valore URL: l'esatta sintassi prevede la parola chiave url seguita dall'url tra le parentesi tonde, per esempio url(immagini/sfondo.jpg).

Unità per gli angoli: le proprietà azimuth e elevation (sezione CSS per dispositivi audio) vengono espresse con unità di misura relative agli angoli e sono:

- deg (degree – grado): descrive l’ampiezza di un angolo;

- grad (gradians): descrive l’ampiezza di un angolo su scala 1-400;
- rad (radians): decrive l’ampiezza di un angolo su scala 1-pi greco.

 

Unità di tempo:  unità usata negli stili audio a cui vengono applicate tre proprietà (pause, pause-after, pause-before) e sono:

- s (secondi);
- ms (millisecondi)

Unità di frequenza: anch'esse usate negli stili audio, sono:

- hz (Hertz);

- khz (Kilohertz).

Stringhe: i valori espressi da stringhe di testo vanno sempre racchiusi tra virgolette. 

Le proprietà  sono tre: content, quotes, text-align (solo per le tabelle definite con i CSS).