Ιδιότητα text-indent

Η ιδιότητα text-indent ορίζει την κόκκινη γραμμή για το κείμενο (δηλαδή την εσοχή της πρώτης γραμμής). Μπορεί να είναι είτε θετική, είτε αρνητική.

Ως τιμή της ιδιότητας χρησιμοποιούνται οποιεσδήποτε μονάδες για μεγέθη. Όταν η τιμή καθορίζεται σε %, η κόκκινη γραμμή θα είναι σε ποσοστό του πλάτους του μπλοκ. Προεπιλεγμένη τιμή: 0.

Σύνταξη

επιλογέας {
	text-indent: τιμή;
}

Παράδειγμα

Ας κάνουμε την εσοχή της πρώτης γραμμής κάθε παραγράφου 30px:

<p>
	some long text
</p>
<p>
	some long text
</p>

p {
	text-indent: 30px;
	text-align: justify;
}

Παράδειγμα

Ας ορίσουμε το text-indent σε αρνητική τιμή:

<p>
	some long text
</p>
<p>
	some long text
</p>

p {
	text-indent: -10px;
	text-align: justify;
}