Orientation to CSS - Section 10

Section 10 : Appendix

これまでは触れられなかった特殊なスタイルや単位について整理する。

これまでは，<DIV>...</DIV> や <P>...</P> といった開始タグと終了タグで囲まれた範囲にスタイルを適用してきた。それ以外のところ，たとえばリンクしている（アンダーラインが引かれている）部分とか一行目だけにスタイルを適用することもスタイルシートの機能に含まれる。

未読のページ（link），既に読んだことのあるページ（visited），読込中（active）のスタイルを指定する。

A:link { color: 色; }
A:visited { color: 色; }
A:active { color: 色; }

背景色をつければ，画像によるリンクボタンのようにデザインすることだって可能。

洋書などの段落の先頭文字だけがかなり大きくなっていることがある。CSS では先頭の１文字目だけにスタイルを適用できる。文節の先頭文字のみ３倍にするためには，以下のようにする。

P:first-letter { font-size: 300%; }

英字新聞では，１行目だけが大文字で書かれていることがある。本文では小文字で書いてあったとしても，１行目だけが大文字になる。

P:first-line { font-style: small-caps; }

詳細については Step forward CSS の疑似クラスと疑似要素を参照されたい。

IE3/4, NN4 １行め，１文字めのスタイルはサポートされていない。

スタイルシートの中でのコメントは「/* ～ */」の中に記述する。

H1 { font: bold 20pt/22pt Times, serif; } /* Heading 1 */

これはＣ言語でのコメント文と同じ。

スタイルシートで長さや大きさを指定する場合には，原則として単位をつけなくてはならないが，これらにはさまざまのものがある。数値と単位の間にスペースは入れないように注意する。

詳細については First step CSS のCSS の長さの単位や Step forward CSS のパーセント指定を参照されたい。