ABC del HTML♥ {secondo -spiki}

Quest'altre proprietà si potrebbere definire come qualcosa in più per personalizzare il testo o il font. Non farò tutti gli esempi, altrimenti non finirei più questa parte!

Una cosa che dovete sapere prima di procedere è come annullare gli effetti (o proprietà).
In generale, per annullare le proprietà sottostanti basta scrivere none o normal. Se ci fossero dei valori in px, basta scrivere 0.
Esempio:
- letter-spacing: 0
- font-style: normal
- text-decoration: none

Ci sono ancora delle proprietà da analizzare che riguardano il testo o il font:
- text-decoration→ decorazioni del testo.
- text-transform→ trasformazioni del testo.
- text-shadow→ ombreggiatura nel testo.
- font-weight→ grassetto nel testo.
- font-style→ corsivo nel testo.
- letter-spacing→ spazio fra lettere.
- word-spacing→ spazio fra parole.

text-decoration:
Ci sono 5 tipi di decorazioni nel testo:
- text-decoration: underline (testo sottolineato)
- text-decoration: overline (testo sopralineato)
- text-decoration: through (testo sbarrato)
- text-decoration: blink (testo lampeggiante).
- text-decoration: none (nessuna decorazione).

text-transform:
Ci sono 4 trasformazioni nel testo:
- text-transform: none (nessuna trasformazione)
- text-transform: capitalize (ogni prima lettera è maiuscola)
- text-transform: uppercase (tutto il testo è in maiuscolo)
- text-transform: lowercase (tutto il testo è in minuscolo)

text-shadow:
Nel text-shadow entrano in vigore 4 parametri:

Il primo indica lo spostamento dell'ombra in orizzontale. Da sinsitra a destra.
Il secondo indica lo spostamento dell'ombra in verticale. Dall'alto in basso.
Il terzo indica la sfocatura dell'ombra.
Componendoli insieme, aumentando i valori (in maniera positiva e negativa) otterrete vari effetti.
Esempi:

font-weight:
Se si vuole un testo in grassetto basta scrivere:
- font-weight: bold
- nessun testo in grassetto font-weight: normal

font-style:
Se si vuole un testo in corsivo basta scrivere:
- font-style: italic
- nessun testo in corsivo font-style: normal

letter-spacing
Rapprensenta lo spazio fra le lettere, si esprime in px e può essere negativo o positivo.
Se il valore è negativo (ad esempio -1) il testo si stringerà, se il valore è positivo accadrà il contrario.
Esempio:

word-spacing
Valgono le stesse cose del letter-spacing, solo che invece di agire sulle lettere, agisce sulle parole.
Esempio:

Per maggiori informazioni vi consiglio css.flepstudio.org e css.flepstudio.org (2)