|
Attributi per il Testo
Abbiamo detto che gli attributi devono essere inseriti all'interno di parentesi
graffe { } e laddove in HTML verrebbe usato un
"=" (uguale) viene invece usato ":"
(due punti). Argomenti consecutivi sono separati da ";" (punto e virgola) invece che da
"," (virgola). Inoltre molti argomenti sono divisi da
- (trattini) anche se questi fanno parte integrante del nome stesso.
Per i parametri associabili agli attributi fare riferimento alla pagina
Parametri
|
text-align :
center |
loft | right | justify ; |
|
P {text-align: center;}
DIV {text-align: left;} |
Allineamento del testo, valori possibili : centrato , sinistra, destra , giustificato. Meglio evitare se possibile il giustificato in quanto produce effetti diversi nei due browser. |
|
text-align: left text-align: center
text:-align: right |
|
ext-decoration :
overline | underline | line-through | none ; |
|
P {text-decoration: none;}
h1 {text-decoration: underline;} |
Decorazione del testo, valori possibili : overline = sopralineato, underline = sottolineato, line-through = sbarrato, none = nessuno. E' anche possibile combinarne più di uno, per esempio inserendo sia underline che overline. NS non supporta underline. None lo si adopera in particolar modo con i link in quanto toglie la fastidiosa sottolineatura che altrimenti avrebbero per default. |
|
text-decoration:none nessuno
text-decoration:overline sopralineato
text-decoration:line-through sbarrato
text-decoration:underline sottolineato
text-decoration:overline underline entrambi sopralineato e sottolineato |
|
text-indent :
lunghezza | percentuale ; |
|
P {text-indent: 12px;}
DIV {text-indent: 20%;} |
Rientro della prima riga di un blocco. E' possibile fare uso anche di numeri negativi per un rientro esterno.
|
text-indent : -5px
text-indent : 15px
|
|
text-transform :
capitalize | uppercase | lowercase | none ; |
|
P {text-transform: lowercase;}
h2 {text-transform: capitalize;} |
Trasformazione in maiuscolo o minuscolo dell'interno blocco di testo (uppercase lowercase).
Capitalize trasforma in maiuscola la prima lettera di ogni parola. |
text transform: lowercase
text transform: uppercase
text trasform: capitalize
|
|
line-height :
normal | numero | lunghezza | percentuale ; |
|
P {line-height: 3em;}
DIV {line-height: 50%;} |
Altezza della riga del testo, valori possibili : normal , numero , lunghezza , percentuale. Con il valore normal il testo non avrà alcuna variazione.
|
line-height: 3em
line-height: 50%
|
|
letter-spacing :
numero ; |
|
P {letter-spacing: 1em;}
DIV {letter-spacing: 2px;} |
Allineamento verticale del testo rispetto ad un riferimento assoluto o all'elemento che lo include.
|
letter-spacing: 1em
letter-spacing: 2px
|
|
vertical-align : baseline | sub | super | top | middle | bottom | text-top | text-bottom ; |
|
P {vertical-align: middle;}
DIV {vertical-align: top;}
SUB {vertical-align: 60%;} |
Allineamento verticale del testo rispetto ad un riferimento assoluto o all'elemento che lo include.
|
Continua:
Attributi Carattere |
