セレクタ
どのようなスタイルが設定できるの?
カテゴリ |
設定項目 |
フォント |
フォント、文字のサイズ、太さ、イタリック、下線など |
カラーと背景 |
文字の色、背景色、背景の画像、背景画像の位置など |
文字のレイアウト |
左揃え/右揃え/両端揃え、行間隔、文字間隔など |
レイアウト |
ページ内のマージン、表中のマージンなど |
リスト |
リストマークのタイプ、位置、画像 |
位置 |
位置の指定方法(絶対座標、相対座標など)、テキストの回り込み、表示位置、文字列の折り返し幅など |
その他 |
カーソルの形状、印刷時の改ページの指定 |
セレクタ候補
スタイルシートのセレクタには、ページや文字装飾リンクや表などのタグを引当てて、属性と値を変えながらスタイルを設定していきます。 スタイルシートによく使われるセレクタ(タグ)は次の通り
ページ
項目 |
セレクタ |
ページ |
BODY |
段落 |
P |
見出し1 |
H1 |
見出し2 |
H2 |
見出し3 |
H3 |
見出し4 |
H4 |
見出し5 |
H5 |
見出し6 |
H6 |
引用文 |
BLOCKQUOTE |
引用 |
CITE |
定義 |
DFN |
アドレス |
ADDRESS |
スクリプト代替文書 |
NOSCRIPT |
レイアウトコンテナ |
DIV |
スタイルコンテナ |
SPAN |
キーボード |
KBD |
コード |
CODE |
ベタ書き |
PRE |
サンプル |
SAMP |
上付き文字 |
SUP |
下付き文字 |
SUB |
中央揃え |
CENTER |
リンク
項目 |
セレクタ |
リンク |
A |
未表示のリンク |
A:LINK |
表示したリンク |
A:VISITED |
カーソル乗せたリンク |
A:HOVER |
選択後 |
A:ACTIVE |
文字装飾
項目 |
セレクタ |
太字 |
B |
斜体 |
I |
強調 |
EM |
ストロング |
STRONG |
打ち消し線 |
S |
打ち消し線 |
STRIKE |
下線 |
U |
文字 |
FONT |
大きなフォント |
BIG |
小さなフォント |
SMALL |
リスト
項目 |
セレクタ |
ディレクトリリスト |
DIR |
説明付きリスト |
DL |
語句の説明 |
DD |
説明する語句 |
DT |
メニューリスト |
MENU |
番号付きリスト |
OL |
番号無しリスト |
UL |
リスト項目 |
L1 |
表
項目 |
セレクタ |
表 |
TABLE |
見出しセル |
TH |
表の行 |
TR |
データセル |
TD |
表題 |
CAPTION |
フォーム
項目 |
セレクタ |
フォーム |
FORM |
フォームコントロール |
INPUT |
複数行テキスト領域 |
TEXTAREA |
オプション選択 |
SELECT |
|