NO.60 テキスト②

続き

text-decoration
単語間のスペースを設定します。
テキストにデコレーション(装飾)を施す事が出来ます。
Value: none | [ underline(下線) || overline(上線) || line-through(取り消し線) || blink(点滅) ]




vertical-align
画像などの横にテキストを表示する際の縦の表示位置を設定します。
何でこれがテキストのプロパティに含まれてるんだろう・・・W3C Cascading Style Sheets, level1
Value: baseline(標準位置) | sub(下付き文字にする) | super(上付き文字にする) | top(上) | text-top(テキストの上) | middle(真ん中) | bottom(下) | text-bottom(テキストの下) | <percentage>(%指定)




上記の内容を応用
◆HEAD内の記述 <style type="text/css"> <!-- span{font-size:15px;} .zzA{color:red;font-size:200%;font-weight:bold;font-style:italic;} .zzB{color:pink;background-color:darkblue;} .zzC{font-size:20px;color:gold;} .zzD{font-size:70%} .zzE{font-size:120%;color:aqua;text-decoration:underline;font-weight:bold;} --> </style>
◆BODY内の記述 cutting in <span class=zzA>TECHNIQUES OF KUSO-MISO</span>&nbsp;&nbsp;&nbsp;&nbsp; <u class=zzB>written by JUNICHI YAMA**WA</u><br> <span class=zzC>Then, He was starting open the fasner his "TSUNAGI" in front of me.<br> </span><span class=zzE>"Let's Doing!"</span> <br> about⇒<a href="http://gaty.hp.infoseek.co.jp/mangas.html"class=zzD>KUSO-MISO</a>
◆実行例

cutting in TECHNIQUES OF KUSO-MISO     written by JUNICHI YAMA**WA
Then, He was starting open the fasner his "TSUNAGI" in front of me.
"Let's Doing!"
about⇒KUSO-MISO



前に戻る　次に進む
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送