writing-mode
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2017年3月.
writing-mode 属性は、 <text> 要素の最初のインライン進行方向が左から右、右から左、上から下のいずれであるかを指定します。 writing-mode 属性は <text> 要素にのみ適用されます。 <tspan>、<tref>、<textPath> サブ要素には無視されます。（なお、インライン進行方向は、 Unicode 双方向アルゴリズムとプロパティ direction および unicode-bidi により、 <text> 要素内で変更される可能性があることに注意してください。）
メモ:
プレゼンテーション属性であるため、 writing-mode には対応する CSS プロパティ writing-mode があります。両方が指定された場合、 CSS プロパティが優先されます。
この属性は次の SVG 要素に使用することができます。
使用上の注意
| 既定値 | horizontal-tb |
|---|---|
| 値 |
horizontal-tb | vertical-rl |
vertical-lr
|
| アニメーション | 可 |
horizontal-tb-
この値はブロックのフロー方向を上から下に定義します。書字方向と文字の方向は共に水平方向です。
vertical-rl-
この値はブロックのフロー方向を右から左に定義します。書字方向と文字の方向は共に垂直方向です。
vertical-lr-
この値はブロックのフロー方向を左から右に定義します。書字方向と文字の方向は共に垂直方向です。
仕様書
| Specification |
|---|
| CSS Writing Modes Level 4 # block-flow |
| Scalable Vector Graphics (SVG) 2 # WritingModeProperty |
ブラウザーの互換性
Loading…
関連情報
- CSS の
writing-modeプロパティ