CSS: rientro del testo

Descrizione

La proprietà text-indent definisce una distanza di rientro per la prima riga di testo in un elemento a livello di blocco.

Possibili valori

  • length- Qualsiasi valore di lunghezza. Sono consentite lunghezze negative per la proprietà e produrranno un effetto di "rientro sporgente".

  • percentage - La prima riga di testo è rientrata di una distanza relativa alla larghezza del blocco contenitore dell'elemento.

Si applica a

Tutti gli elementi a livello di blocco.

Sintassi DOM

object.style.textIndent = "20px";

Esempio

Di seguito è riportato l'esempio che mostra come indentare la prima riga di un paragrafo:

<html>
   <head>
   </head>

   <body>
      <p style = "text-indent:1cm;">
         This text will have first line indented by 1cm 
      </p>
      
      <p style = "text-indent:1cm;">
         this line will remain at its actual position this is done by 
         CSS text-indent property.
      </p>
   </body>
</html>

Questo produrrà il seguente risultato: