CSS μοτίβος γραφής προattyxia

  • Προηγούμενη σελίδα word-wrap
  • Επόμενη σελίδα z-index

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

writing-mode Η ιδιότητα καθορίζει αν η γραμμή κειμένου θα είναι οριζόντια ή κατακόρυφη.

Για περισσότερες πληροφορίες:

Εκμάθηση CSS:CSS επιπτώσεις κειμένου

Παράδειγμα

Καθορίζει αν η γραμμή κειμένου θα είναι οριζόντια ή κατακόρυφη.

p.test1 {
  writing-mode: horizontal-tb; 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

Δοκιμάστε το προσωπικά

Γλώσσα CSS

writing-mode: horizontal-tb|vertical-rl|vertical-lr;

Τιμή του ατριβού

Τιμή Περιγραφή
horizontal-tb Για να κάνει το περιεχόμενο να κυμαίνεται από αριστερά προς τα δεξιά οριζόντια και από πάνω προς τα κάτω κατακόρυφα.
vertical-rl Για να κάνει το περιεχόμενο να κυμαίνεται από πάνω προς τα κάτω οριζόντια και από δεξιά προς τα αριστερά κατακόρυφα.
vertical-lr Για να κάνει το περιεχόμενο να κυμαίνεται από πάνω προς τα κάτω οριζόντια και από αριστερά προς τα δεξιά κατακόρυφα.

Τεχνικές λεπτομέρειες

Προεπιλεγμένη τιμή: horizontal-tb
Κληρονομικότητα: Είναι
Προσθήκη κινούμενης εικόνας: Δεν υποστηρίζεται. Εξέτασε:Ατрибούτα της κινούμενης εικόνας.
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.writingMode="vertical-rl"

Υποστήριξη του προγράμματος περιήγησης

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

Chrome IE / Edge Firefox Safari Opera
48.0 12.0 41.0 11.0 35.0
  • Προηγούμενη σελίδα word-wrap
  • Επόμενη σελίδα z-index