縦書きの文章

2010年5月11日 | ブログテクニック | 4 件のコメント |

ネットの文章は上から、そして左から右への横書きが当たり前になっています。
なぜかと言いますと、ＰＣ画面のスキャン方法に合っているということと、ＯＳ（オペレーティング・システム）を考えたのがアルファベットを扱う人が開発したからです。

これによって、情報はすべて画面の上からそして左から読み込まれる方式になりました。

日本語だと手紙は縦書きが当たり前でした。今は横書きに書く事も珍しくありません。
しかし、縦書きにして日本語らしく見せたいときもあります。その方法をここにご紹介します。

先ず文章を先に考えます。文字の数は気にしなくてもいいのですが、余り文字数が多いと、他の行とのバランスが良くないので10文字程度とします。

例文が思いつかないので、年賀状を想定しました。

明けまして
おめでとうございます
今年もよろしく
お願い致します
皆様のご多幸を
お祈り申しあげます

以下がその縦書きの表現です

お
祈
り
申
し
あ
げ
ま
す		 皆
様
の
ご
多
幸
を		 お
願
い
致
し
ま
す		 今
年
も
よ
ろ
し
く		 お
め
で
と
う
ご
ざ
い
ま
す		 明
け
ま
し
て

これをそのままタグで表示してみます

コードを原文表示»（別ページで開きます）
HTML:
  1. <table align="center"><tbody><tr>
  2. <td width="20" align="center" valign="top">
  3. <span style="font-family:'ＭＳ 明朝';">
  4. お<br />祈<br />り<br />申<br />し<br />あ<br />げ<br />ま<br />す</span>
  5. </td>
  6. <td width="20" align="center" valign="top">
  7. <span style="font-family:'ＭＳ 明朝';">
  8. 皆<br />様<br />の<br />ご<br />多<br />幸<br />を</span>
  9. </td>
  10. <td width="20" align="center" valign="top">
  11. <span style="font-family:'ＭＳ 明朝';">
  12. お<br />願<br />い<br />致<br />し<br />ま<br />す</span>
  13. </td>
  14. <td width="20" align="center" valign="top">
  15. <span style="font-family:'ＭＳ 明朝';">
  16. 今<br />年<br />も<br />よ<br />ろ<br />し<br />く</span>
  17. </td>
  18. <td width="20" align="center" valign="top">
  19. <span style="font-family:'ＭＳ 明朝';">
  20. お<br />め<br />で<br />と<br />う<br />ご<br />ざ<br />い<br />ま<br />す</span>
  21. </td>
  22. <td width="20" align="center" valign="top">
  23. <span style="font-family:'ＭＳ 明朝';">
  24. 明<br />け<br />ま<br />し<br />て</span>
  25. </td>
  26. </tr></tbody></table>

※注意点：
文字の大きさが＜td＞で指定したwidth（横幅）の半分以下の大きさにすると（ここでは20pxの半分10px以下）二文字が横に並んでしまいます。
行間を文字の大きさの２倍以上にしたい時には、一文字ずつ＜br /＞で改行しなくてはいけないので、かなり面倒になります。



タグ: , ,

ブックマーク（お気に入り）登録はこちら⇒

今日の富士山 宮崎県の口蹄疫、対応に不満続出！

「縦書きの文章」に4 件のコメント

  1. みほ さんのコメント： 2010年5月12日 6:59 AM

    すごくいい内容ですねありがとうございます！ひまわり富士山大好き

    ⇒このコメントに返信

    fujichan からの返信： 2010年5月14日 9:59 PM

    みほさん、ありがとうございます。
    縦書きはなかなか使う機会が少ないと思いますが、
    知っておいて損はないですよね♪

    ⇒このコメントに返信

  2. windblows さんのコメント： 2010年5月12日 8:20 PM

    こんばんはー。

    なるほどですね！

    タグは左から表示だから縦書きも左の行から書かないとならないですね。

    毎日、ブログの背景の富士山が変わってとても綺麗ですね～。

    毎日、ブログの背景を楽しませていただいています。

    富士山は飛行機からしか見たことが無いのですが、見ると自分は日本人なんだなぁと感じてしまう存在です。

    ⇒このコメントに返信

    fujichan からの返信： 2010年5月14日 10:02 PM

    windblowsさん、ありがとうございます。
    記事の内容もさることながら、お手軽に富士山を楽しんでいただけるならこのブログも本望です♪
    右上の「背景変化」で、違う富士山もお楽しみ下さいね～♪

    ⇒このコメントに返信

コメントをどうぞ！

応援ありがとうございます♪




今日の富士山 宮崎県の口蹄疫、対応に不満続出！

このページの先頭へ⇑
  • BBFujiロゴ ＲＳＳ コメントＲＳＳ
  • 背景変化
    変わらない時はF5キー

  • Translator


  • Auther：Fujichan
    ↓Click me!
    アイコンfujichan→「風を感じて」
    民放TVカメ記者を経て、ITコンテンツ制作会社「BBFuji」設立。お酒と音楽をこよなく愛し、ガンコながらも涙もろい人情派！　・・・と自分では思ってます。
    ⇒ ご意見、ご感想をどうぞ！

  • おすすめコーナー

  • おすすめリンク

  • オススメBGM

  • フラッシュコンテンツ

  • Community parts

    ツイッター edita
     blogram
     i2i

  • タグクラウド