writing-mode

Baseline 已廣泛支援

此特性已得到良好確立,可跨多種裝置和瀏覽器版本使用。自 2017 年 3 月起,所有瀏覽器均支援此特性。

writing-mode 屬性指定 <text> 元素的初始行內流方向是自左向右、自右向左還是自頂向下。writing-mode 屬性僅適用於 <text> 元素;該屬性將被忽略 <tspan><textPath> 子元素。(請注意,由於 Unicode 雙向演算法和 directionunicode-bidi 屬性,行內流方向可能會在 <text> 元素內發生變化。)

注意: 作為呈現屬性,writing-mode 也有一個對應的 CSS 屬性:writing-mode。當同時指定兩者時,CSS 屬性具有優先權。

你可以將此屬性與以下 SVG 元素一起使用

用法說明

預設值 horizontal-tb
horizontal-tb | vertical-rl | vertical-lr
可動畫的
horizontal-tb

此值定義了自頂向下的塊流方向。寫作模式和排版模式都是水平的。

vertical-rl

此值定義了自右向左的塊流方向。寫作模式和排版模式都是垂直的。

vertical-lr

此值定義了自左向右的塊流方向。寫作模式和排版模式都是垂直的。

規範

規範
CSS Writing Modes Level 4
# block-flow
Scalable Vector Graphics (SVG) 2
# WritingModeProperty

瀏覽器相容性

另見