CSS  »  Guide  »  Guida CSS di base 

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

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

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

Unità per le dimensioni

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

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

Percentuale

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

Colori

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

Stringhe

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

Valori URI

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

Unità per gli angoli

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

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

Unità di tempo

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

• s (secondi)
• ms (millisecondi)

Unità di frequenza

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

• hz (Hertz)
• khz (Kilohertz)

Altri articoli

Altre guide

Altre newsletter