*Linux Guide

Web Design - CSS Parte 5

text-align
E' una proprietà che può avere i seguenti valori :
  • left
  • right
  • center
  • justify
ha valore di default stabilito dal browser, è ereditabile e si applica agli elementi di blocco.
Stabilisce l'allineamento orizzontale del testo in un elemento di tipo blocco. Il valore 'justify' modifica gli spazi tra le parole in modo che il testo sia allineato sia a destra che a sinistra, ma è un valore da usare molto limitatamente.


h1{text-align : left;
}

text-decoration
E' una proprietà che può avere i seguenti valori :
  • none
  • underline
  • overline
  • line-through
  • blink
ha come valore di default 'none', non è ereditabile e si applica a tutti gli elementi.
Stabilisce gli effetti da applicare al testo che vanno dalla sottolineatura al lampeggio.


h1{text-decoration : underline;
}

text-indent
E' una proprietà che può avere valori espressi con :
  • length
  • percentage
ha come valore di default '0', è ereditabile e si applica agli elementi blocco.
Defini sce il valore di indentazione (rientro) della prima riga di un elemento. Si applica quando si voglia creare un effetto 'testo stampato' dove la prima riga di testo ha un rientro vistoso. Sono ammessi valori negativi con un effetto di sporgenza. Se lo si esprime in percentuale, questa fa riferimento all'elemento progenitore.


p .centrale{text-indent : 3em;
}

text-transform
E' una proprietà che può avere i seguenti valori :
  • capitalize
  • lowercase
  • uppercase
  • none
ha un valore di default 'none', è ereditabile e si applica a tutti gli elementi.
Modifica le maiuscole e le minuscole di un testo. L'effetto 'capitalize' non è prevedibile.


p .centrale{text-transform : lowercase;
}

vertical-align
E' una proprietà che può avere i seguenti valori :
  • baseline
  • sub
  • super
  • top
  • text-top
  • middle
  • bottom
  • text-bottom
e può esprimere i valori anche in percentuale.
Ha valore di default 'baseline', non è ereditabile e si applica agli elementi inline (span, cite, quote).
Determina modifiche sull'allineamento verticale della riga di testo rispetto alla line-eight dell'elemento. Si possono applicare valori percentuali negativi che abbassano il testo. L'espressione in percentuale fa riferimento all'elemento progenitore.


.citazione{vertical-align> : middle;
}

white-space
E' una proprietà che può avere i seguenti valori :
  • normal
  • pre
  • nowrap
applica un valore di default 'normal', è ereditabile e si applica a elementi blocco.
Definisce il trattamento degli spazi nell'elemento. Il valore 'normal' mantiene gli spazi riducendo qualsiasi sequenza di spazi a uno spazio. 'pre' mantiene gli spazi imposti, mentre 'nowrap' impedisce che le righe vengano spezzate.


td{white-space : nowrap;
}

width
E' una proprietà che può esprimere i valori in :
  • length
  • percentage
e può avere il valore definito di 'normal' che è il valore di default. Non è ereditabile e si applica a elementi blocco.
Definisce la larghezza di un elemento e si applica con valori assoluti (px, punti), relativi o percentuali. Se si applicano valori percentuali sono riferiti all'elemento progenitore. Non sono ammessi valori negativi.


td{width : 250px;
}
p .centrale{width : 30%;
}

word-spacing
E' una proprietà che può avere il valore 'normal' che è quello di default e può esprimere il valore con :
- length
è ereditabile e si applica a tutti gli elementi.
Stabilisce la distanza tra le parole in un elemento.


h1{word-spacing : 1em;
}

<< Precedente | Indice | Successiva >>

Linux Guide | Torna in alto