CSS Writing Mode

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>

CSS_writing_mode_1

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>

CSS_Writing_mode2

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>

CSS_Writing_Mode_3

Submit a Comment

Your email address will not be published. Required fields are marked *

Subscribe

Select Categories