LayoutTests/imported/w3c/web-platform-tests/css/css-contain/contain-html-bg-004.html

   1 <!doctype html>
   2 <html lang=en>
   3   <meta charset=utf-8>
   4   <title>CSS-contain test: style containment on html prevents background propagation</title>
   5   <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
   6   <meta name=flags content="">
   7   <meta name=assert content="style containment on html prevents background propagation">
   8   <link rel="match" href="reference/contain-body-bg-001-ref.html">
   9   <link rel=help href="https://drafts.csswg.org/css-contain-2/#contain-property">
  10
  11 <style>
  12 html, body, p {
  13     margin: 0;
  14     width: 300px;
  15     height: 200px;
  16 }
  17 p {
  18     background: white;
  19 }
  20 body {
  21     background: red;
  22 }
  23 html {
  24     contain: style;
  25 }
  26 </style>
  27
  28 <p>Test passes if there is no red.