1. ウェブ
  2. SVG
  3. リファレンス
  4. 属性
  5. writing-mode

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

writing-mode

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2017年3月以降、すべてのブラウザーで利用可能です。

writing-mode 属性は、 <text> 要素の最初のインライン進行方向が左から右、右から左、上から下のいずれであるかを指定します。 writing-mode 属性は <text> 要素にのみ適用されます。 <tspan>、<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

この値はブロックのフロー方向を左から右に定義します。書字方向と文字の方向は共に垂直方向です。

仕様書

仕様書
CSS Writing Modes Level 4
# block-flow
Scalable Vector Graphics (SVG) 2
# WritingModeProperty

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告