Altro la proprietà css text che gestisce l’aspetto visuale del testo stesso e delle parole, possiamo anche specificare lo stile proprio dei caratteri con la proprietà css ‘font’ come la sua famiglia specifica e/o generica (font-family), la sua misura assoluta o relativa (font-size), il suo stile italico o no (font-style), la sua ‘pesantezza’ tipo il grassetto (font-weight) e le sue varianti (font-variant).
1. Proprietà css ‘font’
La proprietà css font permette di raggruppare tutte le proprietà del testo in una unica dichiarazione nel seguente ordine, separate da un spazio o da una virgola tra le differente valore per la famiglia del font:
font-style font-variant font-weight font-size font-family
Esempio di regola css per il css font:
Sono un paragrafo con font: italic bold 20px georgia, serif;
Continua a leggere >>
css caratteri,
css font,
css testo,
font-family,
font-size,
font-weight,
proprietà css
5 effetti di testo creati in css usando un ping trasparente come sfondo.
Con questo metodo possiamo, per esempio, evitare di usare più immagine per creare titoli con un effetto di testo riusando stessa unica immagine di sfondo e stesse regole css.
La struttura html usata:
La struttura html di base per i seguenti esempi è costituita da un titolo (elemento html <h1>) che contiene il testo da visualizzare ed un elemento <span> vuoto a quale sarà applicato l’immagine di sfondo.
<h1>ERBA<span></span></h1>
Continua a leggere >>
css effetto testo,
css testo,
CSS Tutorials
Con le proprietà del testo, possiamo specificare lo stile css del testo d’un elemento:
- color: il colore del testo
- text-align: l’allineamento del testo a sinistra, destra, centrato o giustificato
- text-decoration: la ‘decorazione’ del testo come sottolineato, sopralineato, sbarrato o anche lampeggiante
- text-transform: la trasformazione della prima lettera di ogni parola o di tutto il testo in maiuscolo o in minuscolo
- text-indent: l’indentazione della prima riga del testo
- letter-spacing: lo spazio tra ogni lettere
- word-spacing: lo spazio tra ogni parola
- line-height: lo spazio tra ogni linee
- white-space: l’interpretazione dei spazi bianchi nel html
- direction: la direzione del testo da sinistra a destra o destra a sinistra
Continua a leggere >>
css line-height,
css nowrap,
css spazio,
css testo,
css text,
css text-align,
css text-decoration,
css text-indent,
css underline,
css white-space,
css word-spacing,
testo colore
