|
■ 背景
▼
background-color
»» 背景色を指定する
■ background-position-x 背景画像の位置を垂直・水平方向別に指定する
|
◆ | サイズをあらわす数値+単位 | ボックス領域の左上を基点とし、水平方向からの位置(左からの距離)をbackground-position-xで、 垂直方向からの位置(上からの距離)をbackground-position-yで指定します。 | |
数値+% |
画像の位置をボックス領域の幅、あるいは高さに対する割合で指定します。
左上を基点をして、指定する点は同じです。 しかし、パーセントによる指定は値の解釈が異なり、ボックス領域の位置の 割合と画像の位置の割合が揃います。 例えば、background-position-x:0%とした場合、パディングの左端と 画像の左端が揃い、background-position-y:50%とした場合、 パディングの上から50%の位置と画像の上端から50%の位置が重なって揃います。 |
||
キーワード | top 上端 | 水平方向の位置を指定する場合はleft、center、rightをbackground-position-xに指定します。 垂直方向の位置を指定する場合はtop、center、bottomをbackground-position-yに指定します。 | |
center 中央 | |||
bottom 下端 | |||
left 左端 | |||
right 右端 |
IE4 | IE5 | IE5.5 | IE6 | NN4 | NN4.7 | N6.2 | |
---|---|---|---|---|---|---|---|
サイズ | ○ | ○ | ○ | ○ | × | × | × |
パーセント | ○ | ○ | ○ | ○ | × | × | × |
キーワード | ○ | ○ | ○ | ○ | × | × | × |
LINK
|
ykr414. All Rights Reserved. |