contain-intrinsic-size-017.html (663B)
1 <!doctype html> 2 <meta charset="utf8"> 3 <title>CSS contain-intrinsic-size: replaced content (vertical-lr)</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="contain-intrinsic-size-017-ref.html"> 7 <meta name="assert" content="contain-intrinsic-size specifies physical dimensions on replaced content"> 8 9 <style> 10 body { 11 writing-mode: vertical-lr; 12 } 13 #target { 14 contain-intrinsic-size: 100px 200px; 15 contain: size; 16 inline-size: min-content; 17 block-size: auto; 18 } 19 </style> 20 21 <img id=target src="resources/dice.png"></img>