background-clipでpadding領域にのみ背景を設定する方法 - コハム

Backgrounds for the Box Model (and why it can be useful) 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 先日、ある人からボックスモデルの異なる部分を可視化しようとしているという話を聞きました。その人は自分でコード例を書こうと思っていましたが、要素の「パディング」領域だけに背景色を設定する方法がないと言っていました。 彼らが言及していたのは、DevToolsで見られるこのようなボックスモデル図です： 私は「実際にできると思います！」と答えました。 トリックは、CSSのbackground-clipプロパティを使用することです。これにより、background-imageプロパティをボックスモデルの異なる点で停止させることができます。以下は、上記のモデルと同じ色を使用した基本的な例です

[cohamucohamu]

background-clipでpadding領域にのみ背景を設定する方法