七鍵@楽天

PR

コメント新着

k.kyouka @ すきやき占い 『しいたけ』の重要度27% 『しいたけ』…
なな@ Re:迷っています(11/01) レオ がいいですよ☆★
マロン@ かわいい キュート
foolish☆foo @ Re[1]:お久しぶりです。(07/15) >実演を踏まえてテストをしておりました…

バックナンバー

Dec , 2024
Nov , 2024
Oct , 2024

フリーページ

タグ辞書【A】


タグ辞書【ABBR】


タグ辞書【ACRONYM】


タグ辞書【ADDRESS】


タグ辞書【APPLET】


タグ辞書【AREA】


タグ辞書【B】


タグ辞書【BASE】


タグ辞書【BASEFONT】


タグ辞書【BDO】


タグ辞書【BGSOUND】


タグ辞書【BIG】


タグ辞書【BLINK】


タグ辞書【BLOCKQU…】


タグ辞書【BODY】


タグ辞書【BR】


タグ辞書【BUTTON】


タグ辞書【CENTER】


タグ辞書【CITE】


タグ辞書【CODE】


タグ辞書【COL】


タグ辞書【COLGROUP】


タグ辞書【COMMENT】


タグ辞書【CAPTION】


タグ辞書【DD】


タグ辞書【DEL】


タグ辞書【DFN】


タグ辞書【DIR】


タグ辞書【DIV】


タグ辞書【DL】


タグ辞書【DT】


タグ辞書【EM】


タグ辞書【EMBED】


タグ辞書【FIELDSET】


タグ辞書【FONT】


タグ辞書【FORM】


タグ辞書【FRAME】


タグ辞書【FRAMESET】


タグ辞書【H】


タグ辞書【HEAD】


タグ辞書【HR】


タグ辞書【HTML】


タグ辞書【I】


タグ辞書【IFRAME】


タグ辞書【ILAYER】


タグ辞書【IMG】


タグ辞書【INPUT】


タグ辞書【INS】


タグ辞書【ISINDEX】


タグ辞書【KBD】


タグ辞書【LABEL】


タグ辞書【LAYER】


タグ辞書【LEGEND】


タグ辞書【LI】


タグ辞書【LINK】


タグ辞書【LISTING】


タグ辞書【MAP】


タグ辞書【MARQUEE】


タグ辞書【MENU】


タグ辞書【META】


タグ辞書【MULTICOL】


タグ辞書【NOBR】


タグ辞書【NOEMBED】


タグ辞書【NOFRAMES】


タグ辞書【NOLAYER】


タグ辞書【NOSCRIPT】


タグ辞書【OBJECT】


タグ辞書【OL】


タグ辞書【OPTGROUP】


タグ辞書【OPTION】


タグ辞書【P】


タグ辞書【PARAM】


タグ辞書【PLAINTEXT】


タグ辞書【PRE】


タグ辞書【Q】


タグ辞書【RB】


タグ辞書【RP】


タグ辞書【RT】


タグ辞書【RUBY】


タグ辞書【S】


タグ辞書【SAMP】


タグ辞書【SCRIPT】


タグ辞書【SELECT】


タグ辞書【SMALL】


タグ辞書【SPACER】


タグ辞書【SPAN】


タグ辞書【STRIKE】


タグ辞書【STRONG】


タグ辞書【STYLE】


タグ辞書【SUB】


タグ辞書【SUP】


タグ辞書【TABLE】


タグ辞書【TBODY】


タグ辞書【TD】


タグ辞書【TEXTAREA】


タグ辞書【TFOOT】


タグ辞書【TH】


タグ辞書【THEAD】


タグ辞書【TITLE】


タグ辞書【TR】


タグ辞書【TT】


タグ辞書【U】


タグ辞書【UL】


タグ辞書【VAR】


タグ辞書【WBR】


タグ辞書【XMP】


タグ辞書【コメントアウト】


タグ辞書【!DOCTYPE】


piyo


サンプル


HP作成のためのコラム


スタイルシートをゼロからお勉強


HTMLタグに挑戦


Aug 22, 2004
XML
カテゴリ: タグ教室
今回は文章を縦書きに表示するテクニックを紹介します。
Webページは横書き・・・というのが一般的ではありますが
日本人ならやっぱり縦書きでしょ( ̄▽ ̄人)
とか言いつつも、私のページはしっかり横書きですが(笑

では早速例を・・・

例)
私<br>は<br>か<br>も<br>め<br>

表示結果)






だまされたみたいなテクニックですね(´・ω・`)
テクニックとも呼べないと言いますか・・・
ただこの方法が、どんな環境でも思い通りに文章を縦書きにできる
現在唯一の方法となっています。

ただこれではあんまりですので
もう一つ例を(〃⌒▽⌒)

例)
<p style="writing-mode:tb-rl;">
http://www.7key.jp/はリンクフリーです。
http://www.7key.jp/に掲載している情報は、
http://www.7key.jp/がその内容を必ずしも保証するものではありません。
情報の活用は利用者各自の責任の範囲内でお願いいたします。
詳細は「取扱注意」を参照ください。
</p>

表示結果)



http://www.7key.jp/に掲載している情報は、
http://www.7key.jp/がその内容を必ずしも保証するものではありません。
情報の活用は利用者各自の責任の範囲内でお願いいたします。
詳細は「取扱注意」を参照ください。



どうでしょう?
おもしろいでしょ(〃⌒▽⌒)
読みやすいように英字は向きまで変えてくれて、「」の向きもしっかり縦書きになっています。
カーソルをあわせてもらうとカーソルも縦書き用にしっかりなりますよね(〃⌒▽⌒)
ただ、残念なことにこのタグが使用できるのはIE5以上のみとなっています。
他のブラウザではしっかり横書きで表示されますので、
見る人全員が同じように見えるってわけではありません。
まぁ、現在正式にタグとして採用するかどうか審議中ってことですので・・・
近い将来、全てのブラウザで縦書きが使えるようになるかもしれませんね(〃⌒▽⌒)

では、また明日ー(゚▽^*)ノ⌒☆






お気に入りの記事を「いいね!」で応援しよう

最終更新日  Aug 22, 2004 02:36:44 AM
コメント(19) | コメントを書く
[タグ教室] カテゴリの最新記事


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
X
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: