CSSリファレンス

background-clipの意味と使い方

背景はボーダー領域から内側に配置されます。background-clipプロパティは、このうちのどの部分までを表示するかを指定するプロパティです。値に「padding-box」や「content-box」を指定すると、指定した領域の周囲を切り落としたように表示されます。

値の指定方法

border-box

ボーダーボックス(ボーダー領域の内側)の背景を表示します。


padding-box

パディングボックス(パディング領域から内側)の背景を表示します。


content-box

コンテンツボックス(内容領域)の背景のみ表示します。


関連プロパティ

  • background-image:背景画像を指定する
  • background-origin:背景画像の基準の位置を指定する