Add to Google Reader or Homepage

domenica 23 novembre 2008

Advertisement
Web agency
Realizzazione siti web


Menù

Home
Html & XHtml
Css
Javascript
Php
Motori di ricerca
Contatti

Login Form






Password dimenticata?
Nessun account? Registrati


Home arrow Css arrow Guida ai fogli di stile arrow Le proprietà del testo css (seconda parte)

Le proprietà del testo css (seconda parte) Stampa E-mail
Scritto da Vincenzo   

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;}

 
< Prec.   Pros. >


Feed Rss


Corso CSS e XHTML
Web Design ed Accessibilità secondo il W3C.Corso con tutor ed attestato finale!