CSS writing-mode Property
Description
The writing-mode property specifies whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.
- Initial value
- horizontal-tb
- Applies to
- All elements except table row groups, table column groups, table rows, and table columns
- Inherited
- Yes
- Media
- Visual
- Computed value
- Specified value
- Animatable
- No
- CSS Version
- CSS3
- JavaScript syntax
- object.style.writingMode
Syntax
Formal syntax: horizontal-tb | vertical-rl | vertical-lr writing-mode: horizontal-tb; writing-mode: vertical-rl; writing-mode: vertical-lr;
Values
- horizontal-tbTop-to-bottom block flow direction. The writing mode is horizontal.
- vertical-rlRight-to-left block flow direction. The writing mode is vertical.
- vertical-lrLeft-to-right block flow direction. The writing mode is vertical.
Example
.class {
writing-mode: vertical-rl;
}Browser Support
| Desktop | |||||
 |
 |
 |
 |
 |
 |
| 9 | ? | ? | ? | ? | ? |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| ? | ? | ? | ? | ? | ? |