スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

No.16 テキストを縦書きで表示します

 日本語の場合、縦書きが似合うことがあります。インターネットエクスプローラでは、縦書きのスタイルを指定することができます。

writing-mode: tb-rl;

をテキストのスタイルに適用します。

実際には以下のスタイルをDIVタグに指定します

writing-mode: tb-rl;//縦書きにします
font-size:25px;//文字のサイズを25ピクセルに
line-height:200%;
width:300px;//外枠の幅を500ピクセルに
height:270px;//外枠の高さを500ピクセルに
padding:15px;//内側の余白を10ピクセルに
border:4px double #33aa55;//枠線は太さ4ピクセル二重線で色は #33aa55


国破れて山河あり
城春にして草木深し
時に感じては
花にも涙を濺ぎ
別れを恨んで
鳥にも心を驚かす


<div style="width:300px;height:270px;writing-mode: tb-rl;font-size:25px;line-height:200%;padding:15px;border:4px double #33aa55;">国破れて山河あり
城春にして草木深し
時に感じては
花にも涙を濺ぎ
別れを恨んで
鳥にも心を驚かす</div>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。