CSS text-orientation ιδιότητα

Ορισμός και χρήση

text-orientation Η ιδιότητα καθορίζει την κατεύθυνση των χαρακτήρων.

Σημείωση:Μόνο όταν writing-mode Εφαρμόζεται μόνο όταν ορίζεται ως κάθετη.

Ρύθμιση της κατεύθυνσης κειμένου για διαφορετικά στοιχεία <div>:

div.a {
  text-orientation: mixed;
}
div.b {
  text-orientation: orthogonal;
}

text-orientation Η ιδιότητα μπορεί να χρησιμοποιηθεί για να αλλάξει την κατεύθυνση της κεφαλίδας της τάβλης:

th {
    writing-mode: vertical-lr;
    text-orientation: orthogonal;
}

text-orientation: mixed|orthogonal|sideways|sideways-right|use-glyph-orientation|initial|inherit;

Τιμή	Περιγραφή
μεικτή	Προεπιλεγμένη τιμή. Οι χαρακτήρες γυρίζουν 90 μοίρες προς τα δεξιά.
orthogonal	Οι χαρακτήρες δεν γυρίζουν, διατηρούνται ορθοί.
sideways	Η κατεύθυνση των χαρακτήρων είναι η ίδια με την κατεύθυνση της γραμμής κειμένου όταν το writing-mode είναι οριζόντια, δηλαδή γυρίζοντας 90 μοίρες προς τα δεξιά.
sideways-right	ισόμορφο με την τιμή του attributes sideways. Παραμένει για σκοπούς συμβατότητας.
use-glyph-orientation	Χρησιμοποιείται για στοιχεία SVG, ώστε το κείμενο να κληρονομήσει τις ανεπαρκείς ιδιότητες του SVG glyph-orientation-vertical και glyph-orientation-horizontal.
initial	Ρύθμιση αυτής της ιδιότητας στην προεπιλεγμένη τιμή. Ανατρέξτε σε: initial.
inherit	Απόκτηση αυτής της ιδιότητας από τον γονικό στοιχείο του. Ανατρέξτε σε: inherit.

Προεπιλεγμένη τιμή:	μεικτή
Προέκταση:	ναι
Προσαρμογή κίνησης:	Δεν υποστηρίζεται. Ανατρέξτε σε:Προσαρμοστικές ιδιότητες κίνησης.
Έκδοση:	CSS3
Γλώσσα προγραμματισμού JavaScript:	object.style.textOrientation="upright"

Τα αριθμήματα στην τάβληση δείχνουν την έκδοση του πρώτου περιηγητή που υποστηρίζει πλήρως αυτήν την ιδιότητα.

Χρωμέ	Εντζ	Φάιρφξεξ	Σάφάρι	Οπερά
48.0	79.0	41.0	14.0	35.0