【CSS3】背景を表示する範囲を指定 | ホームページ制作の39デザイン

ホームページ制作の39デザイン

中小企業・個人事業主様を徹底応援

今まで背景をCSSで指定すると全体に貼る、縦、横などの繰り返しのみだったけど、
CSS3タグで指定するとどの部分まで表示させるかなど少し細かく指定できるようになった。

backgroound-clip:★

★・・・・border-box、padding-box、content-box

値の指定
border-box・・・ボーダー領域から内側の背景が表示される
padding-box・・・パディング領域から内側の背景が表示される
content-box・・・内容領域の背景のみ表示される

注意!
ブラウザごとの指定方法と対応が違う。
このプロパティは使いにくいかも(2013年2月現在)