CSS writing-mode 属性

定義と使用方法

writing-mode 属性はテキスト行の水平または垂直な配置を指定します。

参照もしてください：

CSS タイプ：CSS 文本效果

例

テキスト行の水平または垂直な配置を指定します：

p.test1 {
  writing-mode: horizontal-tb; 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

実際に試してみてください

CSS 言語

writing-mode: horizontal-tb|vertical-rl|vertical-lr;

属性値

値 説明
horizontal-tb コンテンツを左から右に水平に、上から下に垂直に流れるようにします。
vertical-rl コンテンツを上から下に垂直に、右から左に水平に流れるようにします。
vertical-lr コンテンツを上から下に垂直に、左から右に水平に流れるようにします。

技術的詳細

デフォルト値： horizontal-tb
継承： は
アニメーション作成： サポートしていません。参照してください：アニメーション関連属性。
バージョン： CSS3
JavaScript 言語： object.style.writingMode="vertical-rl"

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
48.0 12.0 41.0 11.0 35.0