Wikibooks

CSS/Proprietà di base/Testo base: differenze tra le versioni

Naviga nella cronologia in modo interattivo
← Differenza precedenteDifferenza successiva →
Contenuto cancellato Contenuto aggiunto
VisualeWikitesto
Ramac (discussione | contributi)
8 469 modifiche
altre proprietà
Ramac (discussione | contributi)
8 469 modifiche
m + IndexItem
Riga 3:
 
==color==
{{IndexItem|color}}
La proprietà '''color''' specifica il colore del testo contenuto in un qualsiasi elemento HTML, ad esempio una pagina intera, o una tabella, o il contenuto di un fieldset, etc.
 
Line 17 ⟶ 18:
Con l'esempio di cui sopra, assegneremo il colore rosso al testo di tutta la pagina, tranne quello contenuto nelle tabelle.
 
== Allineare il testo ==
=={{IndexItem|text-align==}}
Definisce l'allineamento del testo.
Per definire l'allineamento del testo rispetto all'interno dell'elemento che lo contiene si usa la proprietà <code>text-align</code>.
 
'''Sintassi''':
Line 32 ⟶ 34:
 
==text-decoration==
{{IndexItem|text-decoration}}
DefinisceLa proprietà <code>text-decoration</code> serve per definire eventuali decorazioni in aggiunta al testo.
 
'''Sintassi''':
Line 44 ⟶ 47:
*'''blink''': il testo lampeggia (da colore a trasparente). Non tutti i browser supportano questo valore
 
== Indentare i paragrafi==
=={{IndexItem|text-indent==}}
Imposta il rientro per la prima riga del testo
Per impostare il rientro per la prima riga del testo si usa la proprietà <code>text-indent</code>.
 
'''Sintassi''':
selettore { text-indent: <valore> }
 
Dove <code><valore></code> è un valore percentuale o affiancato da un'unita di misura (in questo caso è preferibile usare em) che definisce lo spazio tra il margine dell'elemento e la prima lettera del testo.<br/>&Egrave;È possibile assegnare a questa proprietà anche valori negativi.
 
==text-transform==
{{IndexItem|text-transform}}
Permette di forzare la capitalizzazione del testo.
 
Line 63 ⟶ 68:
*'''uppercase''': forza il testo ad essere maiuscolo
*'''lowercase''': forza il testo alla capitalizzazione minuscola
 
== text-indent ==
La proprietà <code>text-indent</code> serve per definire l'indentazione (il rientro) della prima riga del testo. Può essere una grandezza (solitamente espressa in em) o un valore percentuale rispetto alla larghezza del modulo.
 
==letter-spacing e word-spacing==
{{IndexItem|letter-spacing}}
{{IndexItem|word-spacing}}
Definiscono lo spazio rispettivamente tra i caratteri e le parole del testo
 
Line 76 ⟶ 80:
Dove <code><valore></code> può essere '''normal''', che definisce la spaziatura normale tra le lettere o le parole, un valore espresso in percentuale o una grandezza seguita da un'unità di misura valida.
 
== Spazi tra le linee di testo ==
== {{IndexItem|line-height ==}}
ServeLa proprietà <code>line-height</code> serve invece per definire l'altezza della linea testo, che influisce quindi sulle righe successive quando si va a capo. Il suo valore è una grandezza, normalmente espressa in em.
 
== Gestire gli spazi ==
{{IndexItem|white-space}}
Come ultima del testo analizziamo la proprietà <code>white-space</code>, che vi capiterà di usare abbastanza poco. Questa proprietà serve a definire il comportamento del browser con gli spazi bianchi nel codice HTML, e può assumere i seguenti valori:
* '''normal''': il browser si comporta come normalmente (va a capo agli spazi, unisce le sequenze di spazi);
Estratto da "https://it.wikibooks.org/wiki/CSS/Proprietà_di_base/Testo_base"