CSS: Fogli di stile

Il testo

Proprietà del testo:

• font carattere
  proprietà ereditata
  si applica a tutti gli elementi

- come valore possono essere definite più famiglie, separate da virgole, che costituiscono l'alternativa rispetto alle precedenti (se la prima font non è trovata dal browser, tenterà con la seconda e così via)
- i primi valori sono normalmente delle singole fonti
- l'ultimo è importante che sia una famiglia generica
    serif (Times New Roman)
    sans-serif (arial)
    cursive (Comic Sans)
    fantasy (Allegro BT)
    monospace (Courier)
- I caratteri con nomi composti da più parole vanno inseriti tra virgolette
- In alternativa si possono adoperare le font usate dal sistema da cui vengono ereditati carattere e dimensione:
    caption (carattere usato per pulsanti e menu a tendina)
    icon (usato per la descrizione delle icone)
    menu (usato nei menu delle varie finestre)
    message-box (usato per i gli alert e gli altri box con messaggi di sistema)
    small-caption (usato per i controlli più piccoli)
    status-bar (usato per la barra di stato)

• dimensione
  proprietà ereditata
  si applica a tutti gli elementi
  le dimensioni possono essere assolute o relative

- valori assoluti:
    parole chiave xx-small, x-small, small, medium, large, x-large, xx-large
    unità di misura: pixel (px) normalmente usati per lo schermo, punti (pt) normalmente usati per l stampa, centimetri (cm), millimetri (mm), picas (pc), pollici (in), x-height(ex)
- valori relativi:
    parole chiave smaller e larger
    em (em-height)
    percentuale

• consistenza (peso visivo)
  proprietà ereditata
  si applica a tutti gli elementi

valori:
- numerici 100 - 200 - 300 - 400 - 500 - 600 - 700 - 800 - 900 (in ordine da leggero a pesante)
- normal (valore di default, equivale al valore 400)
- bold (grassetto, equivale a 700)
- bolder (misura relativa, testo più pesante rispetto al testo dell'elemento genitore)
- lighter (misura relativa, testo più leggero dell'elemento genitore)

• stile
  proprietà ereditata
  si applica a tutti gli elementi

valori:
- normal
- italic (testo in corsivo)
- oblique (simile a italic)

• interlinea
  proprietà ereditata
  si applica a tutti gli elementi

valori:
- normal (valore di default, dovrebbe corrispondere a un valore numerico compreso tra 1 e 1.2)
- valore numerico (esprime un valore pari alla dimensione del font moltiplicata per il valore)
- valore numerico con unità di misura (valore assoluto pari alla dimensione specificata)
- percentuale (la percentuale è relativa alla dimensione del font)

• allineamento
  proprietà ereditata
  si applica a tutti gli elementi

valori:
- left (allineamento a sinistra)
- right (allineamento a destra)
- center (allineamento lapidario)
- justify (giustificato)

• decorazione
  proprietà ereditata
  si applica a tutti gli elementi

valori:
- none (nessuna decorazione)
- underline (sottolineato)
- overline (il testo avrà una linea superiore)
- line-through (il testo sarà attraversato da una linea orizzontale al centro, effetto testo cancellato)
- blink (testo lampeggiante)

• font (proprietà a sintassi abbreviata per impostare con una sola dichiarazione le principali caratteristiche del testo)

valori:
- line-height
- font-weight
- font.-style
- font-variant
- font di sistema
- font-size
- font-family
I valori delle singole proprietà non vanno separati da virgole.
Virgola a separare i valori per la font-family.
I nomi dei font costituiti da più parole vanno racchiusi tra virgolette.
La dichiarazione dovrebbe sempre finire con la coppia font-size e font-family.

• font-size-adjust (può servire a migliorare la leggibilità di un carattere alternativo tra quelli indicati con la proprietà font-family)
  proprietà ereditata
  poco supportata dai vari browser

Valori
- none (valore di default, nessun aggiustamento)
- valore numerico (fattore di aggiustamento del font)
Es.

• font-stretch (consente di rendere il testo più o meno espanso del normale)
  proprietà ereditata
  non supportata da nessun browser

• font-variant (trasforma il testo in maiuscoletto)
  proprietà ereditata

Valori
- normal
- small-caps (maiuscoletto)

• text-indent (indentazione della prima riga di un elemento contenente testo
  proprietà ereditata

Valori
- valore numerico con unità di misura
- valore in percentuale (valore è relativo alla larghezza dell'area del contenuto)

• text-shadow (ombreggiatura)
  proprietà non supportata da nessun browser e non è reditata
  

• text-transform (cambiare gli attributi del testo relativamente a maiuscolo, minuscolo, prima lettera maiuscola)
  proprietà ereditata

Valori
- none
- capitalize (la prima lettera di ogni parola viene trasformata in maiuscolo)
- uppercase (tutto il testo viene trasformato in maiuscolo)
- lowercase (tutto il testo viene trasformato in minuscolo)

• white-space (serve a gestire gli spazi bianchi presenti in un elemento)
  proprietà ereditata

Valori
- none
- pre (gli spazi bianchi e l'inizio di nuove righe sono mantenuti così come sono nel codice)
- nowrap (gli spazi bianchi sono ridotti a uno e l'andata a capo è disabilitata)

• letter-spacing (aumenta lo spazio tra le lettere di una parola)
  proprietà ereditata

Valori
- normal
- valore numerico con unità di misura (le lettere saranno spaziate secondo la distanza impostata, positiva o negativa)

• word-spacing (aumentare lo spazio tra le parole comprese in un elemento)
  proprietà ereditata

valori
- normal
- valore numerico con unità di misura (le parole saranno spaziate secondo la distanza impostata)