Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

Start free with Google Start free with Email

CSS writing-mode property

The CSS property: writing mode decides the direction of the text written on a web page. Along with the direction of text, it also takes values for the direction of the text block. A text block defines how a sentence is read to be meaningful. A right-left text block with vertical direction signifies that each word comes vertically behind each other while sentence flow is from the right to left depending on the web page scripts. ##Supported values | Value | Definition | | — | —| | horizontal-tb | Depends on the script of the web page. The sentence flow is horizontal - next below the previous one | | vertical-rl | LTR scripts flow top to bottom and the sentence flow is left to the previous one. RTL scripts flow bottom to top. The next sentence is placed to the right of the previous sentence.| | vertical-lr | LTR scripts flow top to bottom with sentence flow right to the previous one. RTL scripts flow bottom to top while sentence flow is left to the previous one.| |sideways-rl| LTR scripts flow bottom to top vertically. RTL scripts flow top to bottom. The sentence flow remains towards the right in both. | |sideways-lr | LTR scripts flow top to bottom vertically. RTL scripts flow bottom to top vertically. The sentence flow remains towards the left in both.| ##CSS Syntax writing-mode : horizontal-tb;

Last updated on : 2023-03-20

Browser Versions

Edge

Firefox

Chrome

Safari

Opera

5.5 - 11

12 - 111

2 - 40

41 - 113

4 - 6

8 - 114

3.2 - 4

5.1 - 16.4

9.5 - 12.1

15 - 95

Fully Supported

Partially

No Support

Formal Definition

Inherited

yes

Applies to

all elements except table row groups, table column groups, table rows, and table columns

Initial value

horizontal-tb

Animation type

discrete

Computed value

as specified

Specifications

CSS Writing Modes Level 4 # block-flow

Syntax

/* Keyword values */
 writing-mode: horizontal-tb;
 writing-mode: vertical-rl;
 writing-mode: vertical-lr;
 /* Global values */
 writing-mode: inherit;
 writing-mode: initial;
 writing-mode: revert;
 writing-mode: unset;

Browser Compatibility

CSS writing-mode property on IE is partially supported on all IE versions.

CSS writing-mode property on Edge is fully supported on all Edge versions.

CSS writing-mode property on Firefox is fully supported on 41-113, and not supported on 2-40 Firefox versions.

CSS writing-mode property on Chrome is fully supported on 8-114, and not supported on 4-6 Chrome versions.

CSS writing-mode property on Safari is fully supported on 5.1-16.4, and not supported on 3.2-4 Safari versions.

CSS writing-mode property on Opera is fully supported on 15-95, and not supported on 9.5-12.1 Opera versions.

CSS writing-mode property on Safari on iOS is fully supported on all Safari on iOS versions.

CSS writing-mode property on Android Browser is fully supported on 3-111, and not supported on 2.1-2.2 Android Browser versions.

CSS writing-mode property on Opera Mobile is fully supported on 64-73, and not supported on 10-12 Opera Mobile versions.

CSS writing-mode property on Chrome for Android is fully supported on all Chrome for Android versions.

CSS writing-mode property on Firefox for Android is fully supported on all Firefox for Android versions.

CSS writing-mode property on Samsung Internet is fully supported on all Samsung Internet versions.

Browser Support for CSS writing-mode property

CSS writing-mode property on Chrome

CSS writing-mode property on Safari

CSS writing-mode property on Firefox

CSS writing-mode property on Internet Explorer

CSS writing-mode property on Opera

CSS writing-mode property on Edge

References

Data sourced from

100

High

Overall Browser Compatibility Score

Note:CSS writing-mode property shows a browser compatibility score of 100. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.

Test on 3000+ browsers for CSS writing-mode property & more

Test your website for CSS writing-mode property and other web technologies. Get 100 FREE automation test minutes!

Test Now