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 valuehorizontal-tb
- Applies toAll elements except table row groups, table column groups, table rows, and table columns
- InheritedYes
- MediaVisual
- Computed valueSpecified value
- AnimatableNo
- CSS VersionCSS3
- JavaScript syntaxobject.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
?![]() | 8+![]() | ?![]() | ?![]() | ?![]() |
View All CSS Properties
Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.