testing/web-platform/tests/css/css-intrinsic-size/intrinsic-size-with-auto-003.html

   1 <!doctype html>
   2 <meta charset="utf8">
   3 <title>CSS intrinsic-size: replaced content with auto</title>
   4 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
   5 <link rel="help" href="https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override">
   6 <link rel="match" href="intrinsic-size-with-auto-003-ref.html">
   7
   8 <style>
   9 img {
  10   border: 1px solid black;
  11 }
  12 #target1 {
  13   intrinsic-size: auto 200px;
  14 }
  15 #target2 {
  16   intrinsic-size: 100px auto;
  17 }
  18 #target3 {
  19   intrinsic-size: auto 200px;
  20   overflow: hidden;
  21 }
  22 #target4 {
  23   intrinsic-size: 100px auto;
  24   overflow: hidden;
  25 }
  26 </style>
  27
  28 <img id=target1 src="resources/dice.png"></img>
  29 <img id=target2 src="resources/dice.png"></img>
  30 <img id=target3 src="resources/dice.png"></img>
  31 <img id=target4 src="resources/dice.png"></img>