Atrybut writing-mode w CSS

Definicja i zastosowanie

writing-mode Atrybut określa, czy tekst ma być wypoziomowany lub wypionowy.

Zobacz również:

CSS Tutorial:Efekty tekstowe w CSS

Przykład

Określa, czy tekst ma być wypoziomowany lub wypionowy.

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

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
horizontal-tb Pozwala na przepływ treści od lewej do prawej w poziomie, od góry do dołu w pionie.
vertical-rl Pozwala na przepływ treści od góry do dołu w pionie, od prawej do lewej w poziomie.
vertical-lr Pozwala na przepływ treści od góry do dołu w pionie, od lewej do prawej w poziomie.

Szczegóły techniczne

Domyślna wartość: horizontal-tb
Inkrementacja: jest
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty związane z animacją.
Wersja: CSS3
Gramatyka JavaScript: object.style.writingMode="vertical-rl"

Obsługa przeglądarki

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
48.0 12.0 41.0 11.0 35.0