Atrybut text-orientation w CSS

Definicja i użycie

text-orientation Atrybut określa kierunek znaków.

Uwaga:Działa tylko gdy writing-mode Działa tylko, gdy ustawiony na pionowy.

Przykład

Przykład 1

Ustawienie kierunku tekstu dla różnych elementów <div>:

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

Spróbuj sam

Przykład 2

text-orientation Atrybut można użyć do zmiany kierunku nagłówków tabeli:

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

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
mixed Domyślna wartość. Znaki są obracane o 90 stopni w prawo.
upright Znaki nie są obracane, pozostają pionowe.
sideways Kierunek znaków jest taki sam jak kierunek wiersza tekstu, gdy writing-mode jest pionowy, czyli obrót o 90 stopni w prawo.
sideways-right Równa wartości atrybutu sideways. Zostawione dla celów zgodności.
use-glyph-orientation Używane dla elementów SVG, aby tekst dziedziczył przestarzałe atrybuty SVG glyph-orientation-vertical i glyph-orientation-horizontal.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Dochodzi do tej właściwości od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: mixed
Inheredność: yes
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty związane z animacjami.
Wersja: CSS3
Gramatyka JavaScript: object.style.textOrientation="upright"

Wsparcie przeglądarek

Tabela zawiera wersje przeglądarek, które w pełni wspierają tę właściwość.

Chrome Edge Firefox Safari Opera
48.0 79.0 41.0 14.0 35.0

Strony związane

Odnośnik:Atrybut writing-mode w CSS