Η ιδιότητα writing-mode
Η ιδιότητα writing-mode ορίζει την κάθετη ή
οριζόντια κατεύθυνση του κειμένου
στη σελίδα. Οι τιμές μπορεί να είναι
horizontal-tb (οριζόντια από αριστερά προς τα δεξιά και από πάνω προς τα κάτω),
vertical-rl (κάθετα από πάνω προς τα κάτω και από δεξιά προς τα αριστερά),
vertical-lr (κάθετα από πάνω προς τα κάτω και
από αριστερά προς τα δεξιά).
Σύνταξη
επιλογέας {
writing-mode: horizontal-tb ή vertical-rl ή vertical-lr;
}
Παράδειγμα
Ας ορίσουμε στο κείμενό μας κατεύθυνση οριζόντια από αριστερά προς τα δεξιά και από πάνω προς τα κάτω:
<p>
Κείμενο
</p>
body {
width: 100px;
height: 50px;
}
p {
writing-mode: horizontal-tb;
font-size: 2em;
margin-top: 0;
}
:
Παράδειγμα
Και τώρα ας αλλάξουμε την κατεύθυνση κάθετα από πάνω προς τα κάτω και από δεξιά προς τα αριστερά:
<p>
Κείμενο
</p>
body {
width: 100px;
height: 50px;
}
p {
writing-mode: vertical-rl;
font-size: 2em;
margin-top: 0;
}
:
Παράδειγμα
Ας ορίσουμε στο κείμενό μας κατεύθυνση κάθετα από πάνω προς τα κάτω και από αριστερά προς τα δεξιά:
<p>
Κείμενο
</p>
body {
width: 100px;
height: 50px;
}
p {
writing-mode: vertical-lr;
font-size: 2em;
margin-top: 0;
}
:
Δείτε επίσης
-
η ιδιότητα
font-kerning,
που ορίζει το kerning της γραμματοσειράς -
η ιδιότητα
text-orientation,
που ορίζει τον προσανατολισμό των χαρακτήρων σε κάθετο κείμενο