contain-intrinsic-size-007.html (717B)
1 <!doctype html> 2 <meta charset="utf8"> 3 <title>CSS contain-intrinsic-size: div with border</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-007-ref.html"> 7 <meta name="assert" content="contain-intrinsic-size sizes the content box, not the border box"> 8 9 <style> 10 #border { 11 border: 1px solid blue; 12 width: max-content; 13 } 14 15 #target { 16 background: lightblue; 17 contain-intrinsic-size: 55px 66px; 18 contain: size; 19 border-style: solid; 20 border-color: black; 21 border-width: 2px 3px 5px 7px; 22 } 23 </style> 24 25 <div id=border> 26 <div id=target></div> 27 </div>