CSSで、スモールキャップを使う

本文

前置き無しで本文です。CSSでは、文字をスモールキャピタル化することができます。

 span.scaps {
   font-variant: small-caps;
 }

ただし、これは小文字にしか効きません。なので…

 <h1><span class="scaps">GALACTICA MAGNUM</span></h1>

これは、意味をなしません。

 <h1><span class="scaps">Galactica Magnum</span></h1>

と書きましょう。

考えてみれば、もし大文字にも効いてしまうと…

 <h1>G<span class="scaps">ALACTICA</span> M<span class="scaps">AGNUM</span></h1>

こうなるので、マークアップが面倒ですね。うまくできてる~。

Last modified:2010/05/22 15:05:39
Keyword(s):
References:[言語Tips]
This page is frozen.