Choice Width

35em

Liquid

Accessibility Check

| | | |

更新日

2004年 7月 31日土曜日

CSS

見出し

1. 見出しに背景画像をつける

見出しをいかにデザインするかがポイントですよね。アクセシビリティなWebページでは文字サイズが可変なので、背景画像の縦横の位置は%で指定します。ここを「Left」とか「Center」などと指定するとIE 6の後方互換モードではうまく表示されないなど不具合があります。またピクセル指定だと文字サイズが拡大や縮小されたりすると縦位置が中央揃えにならないことがあります。

この矢印アイコン(縦横16ピクセル)を見だしの左側に位置づけてみます。

見出し3のサンプル

横位置は左端。縦位置が50%ということで中央に表示されます。

画像の大きさ分くらいを、パディングで間隔を開けておきます。

※内部スタイルシートでのサンプル

前ページ| 次ページ| ページの先頭