気の向くままに辿るIT/ICT/IoT
CSS / Cascading Style Sheets / スタイルシートプロパティ

CSS / CSS3 / background-position / 背景位置設定スタイルプロパティ

ホーム前へ次へ
background-positionプロパティとは?

CSS / CSS3 / background-position / 背景位置設定スタイルプロパティ

CSS / background-position / 背景位置設定スタイルプロパティ

 background-positionは、CSS1で定義された背景位置(比率/寸法/上・中・下/左・中央・右/継承)設定する為のCSSプロパティでCSS3では、次のように定義されています。

 background-positionプロパティは、backgroundプロパティの詳細プロパティ(、仕様上は、backgroundプロパティがbackground-positionプロパティの略記)であり、backgroundプロパティでbackground-positionを含むbackground関連のプロパティをまとめて設定することもできます。

CSS3 background-positionプロパティ仕様

 CSS3におけるbackground-positionプロパティ仕様定義は下記の通りです。

background-positionプロパティ
設定値[ [ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ] | inherit
既定値0% 0%
適用要素(既定:全て)-
継承の有無
比率(既定:該当なし)当該ボックス自体のサイズと関連
メディアグループvisual

W3C CSS3仕様書  W3Cとは

CSS1 / background-position CSS2 / background-position

CSS1プロパティ一覧CSS2プロパティ一覧CSS3プロパティ一覧

CSS/スタイルシート情報

ホーム前へ次へ