body {
height: 100px;
width: 300px;
padding: 30px;
background-image: linear-gradient(black,black);
background-repeat: no-repeat;
background-clip: content-box;
}<body>
body
<body>What is the underlying theory behind this behavior?
the background image set on the body element should clip on the body's with but is instead extending all the way to html
if I set a background-color on html it disappears.
can someone please point me where in the css spec is this behavior explained?
