Właściwość trybu pisania CSS
Przykład
Określ, czy wiersze tekstu mają być ułożone poziomo czy pionowo:
p.test1 {
writing-mode: horizontal-tb;
}
p.test2 {
writing-mode: vertical-rl;
}
span.test2 {
writing-mode:
vertical-rl;
}
Definicja i użycie
Właściwość writing-mode
określa, czy wiersze tekstu są ułożone poziomo czy pionowo.
Domyślna wartość: | pozioma-tb |
---|---|
Dziedziczny: | tak |
Animowalny: | nie. Przeczytaj o animacji |
Wersja: | CSS3 |
Składnia JavaScript: | obiekt .style.writingMode="vertical-rl" |
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Property | |||||
---|---|---|---|---|---|
writing-mode | 48.0 | 12.0 | 41.0 | 11.0 | 35.0 |
Składnia CSS
writing-mode: horizontal-tb|vertical-rl|vertical-lr;
Wartości nieruchomości
Value | Description |
---|---|
horizontal-tb | Let the content flow horizontally from left to right, vertically from top to bottom |
vertical-rl | Let the content flow vertically from top to bottom, horizontally from right to left |
vertical-lr | Let the content flow vertically from top to bottom, horizontally from left to right |
Powiązane strony
Samouczek CSS: efekty tekstowe CSS