Własność CSS text-orientation

Własność CSS text-orientation określa orientację tekstu w obrębie wiersza tekstu. Obecnie ma ona wpływ tylko na tekst w trybie pionowym, np. w języku japońskim.

Przykład

W poniższym przykładzie tekst akapitów będzie miał orientację pionową i będzie obrócony na bok pod kątem 90 stopni.

p {
  writing-mode: vertical-lr;
  text-orientation: sideways;
}

Efekt:

Wartości i składnia

Własność text-orientation przyjmuje jedną z trzech poniższych wartości:

• mixed – orientacja mieszana, tzn. znaki z pionowych systemów pisma są ustawione zgodnie z ich standardowym modelem, a znaki z poziomych systemów pisma są ustawione bocznie (sideways).
• sideways – ustawienie boczne, tzn. znaki są ustawione tak jak by były w poziomie, ale obrócone o 90 stopni w prawo.
• upright – znaki z poziomych systemów pisma są ustawione pionowo, a znaki z pionowych systemów pisma są ustawione zgodnie z ich standardowym modelem.

Zastosowanie

Własność CSS text-orientation obsługuje wszystkie elementy HTML z wyjątkiem grup wierszy tabeli, wierszy, grup kolumn i kolumn.

Podsumowanie