NO.61 テキスト③
続き
text-transform
テキストを
大文字・小文字
に統一します。
Value: capitalize(単語の最初を大文字) | uppercase(大文字統一) | lowercase(小文字統一) | none
<style type="text/css"> <!-- body{text-transform:capitalize;} /*単語の最初を大文字にした例*/ --> </style>
text-align
テキストの
表示位置
を設定します。タグで言うalign指定と同じです。
Value: left(左) | right(右) | center(中央) | justify(両側)
<div class=ss style="text-align:right">This source is test.</div>
上記の内容を応用
◆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;text-transform:uppercase;} .zzD{font-size:70%} .zzE{text-align:right;} --> </style>
◆BODY内の記述
cutting in <span class=zzA>TECHNIQUES OF KUSO-MISO</span> <u class=zzB>written by JUNICHI YAMA**WA</u><br> <hr><div class=zzE> This is the famous place that <span class=zzC>hatten site</span>. His name is Takakazu Abe. </div><hr> <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
This is the famous place that
hatten site
. His name is Takakazu Abe.
about⇒
KUSO-MISO
前に戻る
次に進む
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送
