スポンサーサイト

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

第12回 ブログで縦書き表示

ブログ投稿で縦書きにしたいときがあります。
その場合にも、前回と同じく writing-mode というスタイルシートを使います。これは<div>タグの中に記述します。
 *注 以後ソースの<>は全角で記述しています。実際には半角にしてください。
 スタイルシートの中で次のように記述します

writing-mode: tb-rl;

ソースの記述例

<div style="writing-mode: tb-rl;">
雨にもまけず
風にもまけず
雪にも夏の暑さにもまけぬ
丈夫なからだをもち
慾はなく
決して瞋らず
いつもしずかにわらっている
一日に玄米四合と
味噌と少しの野菜をたべ
あらゆることを
じぶんをかんじょうに入れずに
よくみききし わかり
</div>

縦書きの表示例

雨にもまけず
風にもまけず
雪にも夏の暑さにもまけぬ
丈夫なからだをもち
慾はなく
決して瞋らず
いつもしずかにわらっている
一日に玄米四合と
味噌と少しの野菜をたべ
あらゆることを
じぶんをかんじょうに入れずに
よくみききし わかり

コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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