Valori e unit=E0 di misura | Guida CSS

Valori e unit=E0=20 di misura

In questa lezione vedremo quali sono i tipi di valore e = le unit=E0=20 di misura con cui =E8 possibile impostare le tante = propriet=E0 dei CSS.=20 Prima di tutto, per=F2, =E8 opportuno spiegare due = fondamentali regole=20 di base.

1. I valori di una propriet=E0 non vanno mai messi tra = virgolette. Uniche eccezioni i valori espressi da = stringhe di=20 testo e i nomi dei font formati da pi=F9 di una parola = (esempio:=20 "Times New Roman").

2. Quando si usano valori numerici con unit=E0 di misura, = non=20 bisogna lasciare spazio tra numero e sigla dell'unit=E0. E' = corretto=20 quindi scrivere 15px oppure 5em. E' invece = sbagliato=20 usare 15 px o 5 em. In questi casi la regola = sar=E0=20 ignorata o mal interpretata.

Unit=E0 per le dimensioni

Questo =E8 la lista delle unit=E0 di misura usate per = definire=20 dimensioni, spazi o distanze. Nella pratica comune solo = alcune di=20 esse sono realmente usate. Le elenchiamo comunque tutte per=20 completezza.

in (inches - pollici): classica misura del = sistema=20 metrico americano. Praticamente nullo il suo valore su un = supporto=20 come un browser web viste le variabili relative a=20 risoluzione e ampiezza dei monitor.=20
cm (centimetri): stesso discorso visto per i = pollici,=20 la difficolt=E0 maggiore sta nella resa su monitor, che = =E8 altra cosa=20 rispetto alla carta stampata.=20
mm (millimetri): vedi centimetri.=20
pt (points - punti): unit=E0 di misura = tipografica=20 destinata essenzialmente a definire la dimensione dei = font.=20
pc (picas): unit=E0 poco usata. 1 pica equivale = a 12=20 punti.=20
em (em-height): unit=E0 di misura spesso usata = dagli=20 autori CSS. 1 em equivale all'altezza media di un = carattere per un=20 dato font. E' un unit=E0 di misura relativa.=20
ex (ex-height): poco usata. 1 ex equivale = all'altezza=20 del carattere x minuscolo del font scelto.=20
px (pixels): unit=E0 di misura ideale su = monitor. E'=20 quella pi=F9 usata e facile da comprendere.

Percentuale

Un valore espresso in percentuale =E8 da considerare = sempre=20 relativo rispetto ad un altro valore, in genere quello = espresso per=20 l'elemento parente. Si esprime con un valore numerico = seguito (senza=20 spazi) dal segno di percentuale: 60% =E8 pertanto = corretto,=20 60 % no.

Colori

Sui diversi modi per esprimere il valore di un colore si = veda la=20 lezione su colore=20 e CSS.

Stringhe

Alcune propriet=E0 dei CSS possono avere come valore una = stringa di=20 testo da inserire come contenuto aggiunto nel documento. I = valori=20 espressi da stringhe vanno sempre racchiusi tra virgolette. = Le=20 propriet=E0 in questione sono tre: content, quotes, = text-align=20 (ma solo per le tabelle definite con i CSS).

Valori URI

Si tratta di URL che puntano a documenti esterni (in = genere=20 immagini, come negli sfondi). Possono essere URL assoluti o=20 relativi. In questo caso il path fa sempre riferimento alla=20 posizione del foglio di stile e non del documento HTML. La=20 definizione dell'indirizzo =E8 sempre introdotta dalla = parola chiave=20 url e va inserita tra parentesi tonde senza = virgolette.=20 Esempio: url(immagini/sfondo.gif).

Unit=E0 per gli angoli

Due propriet=E0 comprese nella sezione dei CSS dedicata = ai=20 dispositivi audio possono essere espresse con unit=E0 di = misura=20 relative agli angoli. Le due propriet=E0 sono azimuth = e=20 elevation. Le unit=E0 di misura queste:

deg (degree - grado): descrive l'ampiezza di un = angolo=20 (es. 90deg).=20
grad (gradians): descrive l'ampiezza di un = angolo su=20 una scala 1-400 (es. 100grad =3D 90deg)=20
rad (radians): decrive l'ampiezza di un angolo = su una=20 scala 1-pi greco

Unit=E0 di tempo

Anche le unit=E0 di tempo trovano spazio solo negli stili = audio.=20 Sono usate in genere per impostare la pausa tra le parole = lette da=20 un sintetizzatore vocale. Si applicano solo a queste tre = propriet=E0:=20 pause, pause-after, pause-before. Le = unit=E0 di=20 misura sono:

s (secondi)=20
ms (millisecondi)

Unit=E0 di frequenza

Usate solo negli stili audio, definiscono la frequenza = del=20 segnale:

hz (Hertz)=20
khz (Kilohertz)

L=20 e z i o n e s u c c e s s i v=20 = a
[ S o m m a r i = o=20 ] =