CSSにおける背景画像位置属性background-position
1010 ワード
このプロパティは、要素のバックグラウンドピクチャの開始位置を定義するために使用されます.バックグラウンドピクチャのバックグラウンドピクチャ位置プロパティでは、長さの値を含む2つのプロパティ値を使用できます.
およびパーセント値;もう1つは、top、center、bottom、left、righなどの指定値で、構文構造は次のとおりです.
background-position: length | percent | top | center | bottom | left | right
属性値の一部の意味は次のとおりです.
top:背景画像の初期位置が要素の上部
center:背景画像の開始位置は要素の中央です
left:背景画像の開始位置が要素の左側
right:背景画像の開始位置が要素の右側
bottom:背景画像の開始位置が要素の下部
背景画像の位置属性では、属性値は一般的に2つあり、前は横方向の位置、後は縦方向の位置を表し、2つの属性値を使用して背景画像の開始位置を定義します.
両方の方向の開始位置が同じ場合は、1つの値を使用できます.
およびパーセント値;もう1つは、top、center、bottom、left、righなどの指定値で、構文構造は次のとおりです.
background-position: length | percent | top | center | bottom | left | right
属性値の一部の意味は次のとおりです.
top:背景画像の初期位置が要素の上部
center:背景画像の開始位置は要素の中央です
left:背景画像の開始位置が要素の左側
right:背景画像の開始位置が要素の右側
bottom:背景画像の開始位置が要素の下部
背景画像の位置属性では、属性値は一般的に2つあり、前は横方向の位置、後は縦方向の位置を表し、2つの属性値を使用して背景画像の開始位置を定義します.
両方の方向の開始位置が同じ場合は、1つの値を使用できます.
New Document
上記のコードでは、背景ピクチャの位置を中間、上部と定義するとともに、背景ピクチャを縦繰返しと定義する.