writing-mode－スタイルシートリファレンス

トップページ > スタイルシートリファレンス > writing-mode

★スタイルシートリファレンス

writing-mode･･･文字表記の方向（縦横）を指定する（IE独自拡張）
Internet Explorer5.5

writing-modeプロパティは、Internet Explorerの独自拡張で、文字表記の方向（縦横）を指定する際に使用します。

■値

lr-tb: lr-tbとはLeft to Right - Top to Bottomの略です。横書きとなります。
tb-rl: tb-rlとはTop to Bottom - Right to Leftの略です。縦書きとなります。

■使用例

スタイルシート部分は外部ファイル（sample.css）に記述。

p.sample1 {writing-mode: lr-tb;}
p.sample2 {writing-mode: tb-rl;}

HTMLソース

<html>
<head>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>
<p class="sample1">
「天は人の上に人を造らず人の下に人を造らず」と言えり。されば天より人を生ずるには、万人は万人皆同じ位にして、生れながら貴賎上下の差別なく、万物の霊たる身と心との働きをもって天地の間にあるよろずの者を資り、もって衣食住の用を達し、自由自在、互いに人の妨げをなさずしておのおの安楽にこの世を渡らしめ給うの趣意なり。
</p>
<p class="sample2">
「天は人の上に人を造らず人の下に人を造らず」と言えり。されば天より人を生ずるには、万人は万人皆同じ位にして、生れながら貴賎上下の差別なく、万物の霊たる身と心との働きをもって天地の間にあるよろずの者を資り、もって衣食住の用を達し、自由自在、互いに人の妨げをなさずしておのおの安楽にこの世を渡らしめ給うの趣意なり。
</p>
</body>
</html>

↓↓↓

ブラウザ上の表示

「天は人の上に人を造らず人の下に人を造らず」と言えり。されば天より人を生ずるには、万人は万人皆同じ位にして、生れながら貴賎上下の差別なく、万物の霊たる身と心との働きをもって天地の間にあるよろずの者を資り、もって衣食住の用を達し、自由自在、互いに人の妨げをなさずしておのおの安楽にこの世を渡らしめ給うの趣意なり。

■関連項目

overflow …… はみ出た内容の表示方法を指定する
overflow-x …… はみ出た内容の表示方法を指定する（IE独自の仕様）
overflow-y …… はみ出た内容の表示方法を指定する（IE独自の仕様）
position …… ボックスの配置方法（基準位置）を指定する
top …… 上からの配置位置（距離）を指定する
bottom …… 下からの配置位置（距離）を指定する
left …… 左からの配置位置（距離）を指定する
right …… 右からの配置位置（距離）を指定する
display …… 要素の表示形式（ブロック・インライン・フレックス等）を指定する
float …… 左または右に寄せて配置する
clear …… 回り込みを解除する
z-index …… 重なりの順序を指定する
visibility …… ボックスの表示・非表示を指定する
clip …… ボックスを切り抜き表示（クリッピング）する
direction …… 文字表記の方向（左右）を指定する
unicode-bidi …… Unicodeの文字表記の方向を上書きする
writing-mode …… 文字表記の方向（縦横）を指定する（IE独自の仕様）