Η text-indentιδιότητα καθορίζει πόσα οριζόντια διαστημικά κείμενα πρέπει να μετακινηθούν πριν από την έναρξη της πρώτης γραμμής του περιεχομένου κειμένου ενός στοιχείου. Η απόσταση υπολογίζεται από το αρχικό άκρο του στοιχείου κοντέινερ επιπέδου μπλοκ.
Η άκρη εκκίνησης είναι συνήθως στα αριστερά, αλλά μπορεί να είναι δεξιά εάν σε λειτουργία από δεξιά προς τα αριστερά, όπως και η ιδιότητα κατεύθυνσης.
Η text-indentιδιότητα κληρονομείται όταν καθορίζεται σε ένα στοιχείο μπλοκ, πράγμα που σημαίνει ότι θα επηρεάσει και τα στοιχεία απογόνων ενσωματωμένου μπλοκ. Όταν αντιμετωπίζετε παιδιά με ενσωματωμένο αποκλεισμό, ίσως θελήσετε να τα αναγκάσετε text-indent: 0;.
Σύνταξη
text-indent: | | inherit && ( hanging || each-line ) p ( text-indent: 1.5em; )Μια κοινή περίπτωση χρήσης θα ήταν απλώς στιλιστική. Η εσοχή της πρώτης γραμμής παραγράφων είναι κάπως ντεμοντέ και μπορεί να προκαλέσει αυτή την αίσθηση. Θα μπορούσε να χρησιμοποιηθεί αντί για απόσταση μετά από παραγράφους ως εναλλακτική οπτική ένδειξη, αν και η απόσταση είναι πιθανώς πιο ευανάγνωστη γενικά.
Μια άλλη συνήθης περίπτωση χρήσης είναι στην «αντικατάσταση εικόνας» όπου το κείμενο ξεκινά από το στοιχείο μέσω κειμένου-εσοχής και κρυφής υπερχείλιση.
κρέμασμα
hangingείναι μια πειραματική και ανεπίσημη αξία για το text-indentακίνητο. Αντιστρέφει ποιες γραμμές έχουν εσοχή. Βασικά, εσοχή σε κάθε γραμμή εκτός από την πρώτη, με αποτέλεσμα ένα είδος αναστολής-στίξης.
Αυτή η τιμή είναι μια σημαία, που ακολουθεί μια κοινή τιμή όπως το μήκος.
κάθε γραμμή
each-lineείναι μια πειραματική και ανεπίσημη αξία για το text-indentακίνητο. Η ιδέα είναι να εσοχή κάθε γραμμή μετά από μια αναγκαστική διακοπή γραμμής (με a
Αυτή η τιμή είναι μια σημαία, που ακολουθεί μια κοινή τιμή όπως το μήκος.
Διαδήλωση
Δείτε την εσοχή κειμένου στυλό του Chris Coyier (@chriscoyier) στο CodePen.
Υποστήριξη προγράμματος περιήγησης
Βασική υποστήριξη
| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| όποιος | όποιος | όποιος | 3.5+ | 3+ | όποιος | όποιος |
κρεμαστή αξία
| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| κανένας | κανένας | κανένας | κανένας | κανένας | κανένας | κανένας |
τιμή κάθε γραμμής
| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| κανένας | κανένας | κανένας | κανένας | κανένας | κανένας | κανένας |