HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


文字を縦書きにする

CSSの書き方

writing-mode:値 ;

CSSの詳細情報
プロパティ名 writing-mode 読み方 ライティング・モード
初期値 lr-tb 意味 文字の縦書き
lr-tb/tb-rl
対象 すべての要素
CSSレベル CSSレベル3(予定) 対応ブラウザ Windows MAC
継承 する IE 5.5以上 --

解説

文字を縦書きにするスタイルシートです。日本語独特の書き方のため、このプロパティは現在一部のInternetExplorerしか対応していませんが、CSSレベル3で実装予定だそうです。

「writing-mode:tb-rl;」とすることで、文字が縦書きになります。初期値は「lr-tb」です。

開始位置

通常、縦書きは右側から書き始めますので、「writing-mode:tb-rl;」とすると、縦書きの文章はブラウザの画面右側に表示されます。(サンプル参照)

CSS/HTMLサンプル

p { writing-mode:tb-rl; background-color:#ffdff9; }

段落要素に含まれる文字列を縦書きにする サンプル