Le proprietà del testo css (seconda parte)

Ci sono altre proprietà per gestire le caratteristiche del testo, và ricordato però che molte di esse non sono ben gestite da tutti i browser.

font-variant

Con l’uso di questa proprietà possiamo trasformare il testo in maiuscoletto, il testo avrà le lettere di dimensioni uguali ai caratteri minuscoli, è una proprietà ereditata ed è supportata da molti browser, i valori ammessi sono:

• normal: valore normale
• small-caps: testo in maiuscoletto

p{font-variant:small-caps}

layout-flow

E una proprietà che permette di disporre il testo in verticale, è supportata solo da Internet Explorer ed è ereditata, i valori ammessi sono:

• horizontal: condizione normale
• vertical-ideographic: testo verticale

p{layout-flow:vertical-ideographic;}

text-indent
Questa proprietà permette di definire l’identazione della prima riga di testo, è supportata da molti browser ed è ereditata, I valori ammessi sono:

• unità di misura
• valore in percentuale

p{text-indent:20px;}

text-transform

Tale proprietà serve per trasformare il testo in maiuscolo, in minuscolo oppure solo con la prima lettera in maiuscolo, è ben gestita da molti browser ed è ereditata, I valori ammessi sono:

• none: condizione normale
• capitalize: solo la prima lettera maiuscola
• uppercase: tutto il testo in maiuscolo
• lowercase: tutto il testo in minuscolo

p{text-transform:capitalize;}

text-decoration

Serve per aplicare alcune decorazioni al testo, e supportata da tutti i browser ed è ereditata, I valori ammessi sono:

• none: condizione normale
• overline: linea sopra al testo
• underline: testo sottolineato
• line-through: testo barrato
• blink: testo lampeggiante

p{text-decoration:underline;}

font-size-adjust

Serve a migliorare la leggibilità del testo su alcuni browser,  è supportata solo da Netscape e Mozilla ed è una proprietà ereditata, i valori ammessi sono:

• none: condizione normale
• valore numerico: che indica il fattore di aggiustamento dei caratteri

p{font-size-adjust:1.5;}

white-space

Serve a gestire gli spazi vuoti, è una proprietà ereditata e ammette i seguenti valori:

• none: condizione normale (gli spazi bianchi sono ridotti ad uno)
• pre: gli spazi bianchi posti all’inizio della riga sono mantenuti inalterati
• nowrap: gli spazi bianchi sono ridotti ad uno e viene disabilitato il ritorno a capo

p{white-space:pre;}

letter-spacing

Aumenta il distanziamento tra le lettere delle parole, è ben gestita da quasi tutti i browser ed è una proprietà ereditata, i valori ammessi sono:

• normal: condizione normale
• unità di misura: in cui sono ammessi anche valori negativi.

p{letter-spacing:10px;}

word-spacing

Serve ad aumentare lo spazio tra le parole e non tra le lettere come la proprietà precedente, e supportata da tutti i browser ed è ereditata, i valori ammessi sono:

• normal: condizione normale
• unità di misura: in cui sono ammessi anche valori negativi

p{word-spacing:20px;}

Popularity: 6% [?]

Vuoi essere sempre aggiornato???  Iscriviti  ai feed o invia un  trackback