HTML フロントエンド開発への道 -- ボックス背景attribute_html/css_WEB-ITnose

出典: http://my.oschina.net/maybelle/blog/614372

背景クリップ属性の紹介

background-clip 属性は、border-box、padding-box、content-box を含むボックスの背景の表示領域を設定するために使用されます。

border-box は、背景が開始されることを示します。境界線、つまり境界線が含まれます。

padding-box は背景がパディングから始まり、境界線が含まれないことを示します。

background-origin 属性の概要

background-origin 属性は、背景画像 (border-box、padding-box、content-box を含む)。

background-box 属性と同じ。

border-box は背景画像が境界線から始まることを示します。つまり、境界線が含まれます。

padding-box は、背景画像が内側のマージンではなく、内側のマージンから始まることを示します。

content-box は、背景画像が始まることを示します。コンテンツからのものであり、ボーダーとパディングは含まれません。