Proprietà CSS text-indent

Definizione

L'attributo text-indent definisce lo spaziatura della prima riga di un blocco di testo.

Nota:Permette l'uso di valori negativi. Se si utilizzano valori negativi, la prima riga sarà spostata a sinistra.

Attenzione:Prima del CSS 2.1, text-indent ereditava sempre il valore calcolato, non il valore dichiarato.

Spiegazione

Usato per definire lo spaziatura della prima riga di un blocco di testo. Questo viene utilizzato più spesso per creare un effetto di "scheda". È possibile specificare valori negativi, che produrranno un effetto di "indentazione sospesa".

Vedi anche:

Tutorial CSS:Testo CSS

Manuale HTML DOM:Attributo textIndent

Esempio

Indentare la prima riga del paragrafo di 50 pixel:

p
  {
  text-indent:50px;
  }

Prova da solo

Sintassi CSS



Valore dell'attributo





Valore
Descrizione




lunghezza
Definisce uno spaziatura fissa. Valore predefinito: 0.




%
Definisce lo spaziatura in base alla larghezza dell'elemento genitore come percentuale.




inherit
Specifica che l'attributo text-indent dovrebbe essere ereditato dal valore dell'elemento genitore.









Dettagli tecnici



  

    Valore predefinito:
    non specificato
  

  

    Ereditarietà:
    sì
  

  

    Versione:
    CSS1
  

  

    Sintassi JavaScript:
    oggetto.style.textIndent="50px"
  








Altri esempi




Indentazione del testo


Questo esempio dimostra come indentare il primo paragrafo di un testo.








Supporto del browser


I numeri nella tabella indicano la versione del browser iniziale che supporta pienamente l'attributo.





Chrome
IE / Edge
Firefox
Safari
Opera




1.0
3.0
1.0
1.0
3.5