Hello developers today we will learn about CSS Writing mode.
CSS writing mode is a property in CSS that determines the direction in which text is displayed on a web page. It can be set to either horizontal or vertical, and is often used to control the layout of text, images, and other elements on a page. By adjusting the writing mode property, web designers can create visually interesting and dynamic layouts that are optimized for different devices and screen sizes.
1. horizontal-tb
- Let the content flow horizontally from left to right, vertically from top to bottom
<p style="writing-mode:horizontal-tb">Writing Mode with horizontal-tb</p>
2. vertical-rl
- Let the content flow vertically from top to bottom, horizontally from right to left
<p style="writing-mode: vertical-rl">Writing Mode with vertical-rl </p>
3. vertical-lr
- Let the content flow vertically from top to bottom, horizontally from left to right
<p style="writing-mode: vertical-lr">Writing Mode with vertical-lr </p>