Posts tagged as:

Risultati per css testo

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

{ 3 comments }

3 commenti

Rimani aggiornato con il RSS Feed

effetti di testo in 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 >>

{ 4 comments }

4 commenti

Rimani aggiornato con il RSS Feed

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

{ 5 comments }

5 commenti

Rimani aggiornato con il RSS Feed