詳解逆引きHTML+CSS辞典

要素の領域 - 背景の表示領域を変更したい

登録タグ
Icon comment count 0
Icon stock count 0

背景の表示領域を変更したい

背景をパディング領域から内側にだけ表示させたい

background-clipプロパティ 表示領域

初期状態では、背景はボックスのボーダー(境界線)から内側の領域に表示されます(つまりマージンを除く全領域に表示されるということです)。「background-clip: padding-box;」と指定すると、背景の表示領域はパディングから内側のみに変更され、「background-clip: content-box;」と指定すると、背景の表示領域は要素内容を表示する領域のみとなります。

ボックスの構造
<head>
・・・
<style>
#box-1, #box-2, 

出典情報

Medium

詳解逆引きHTML+CSS辞典

  • 著者: 大藤 幹

コメント

    コメントはありません