img-intrinsic-size-contribution-002.html (884B)
1 <!DOCTYPE html> 2 <html style="writing-mode: vertical-lr;"> 3 <title>CSS Test: intrinsic size contributions of images in vertical writing mode (with the image itself in horizontal writing mode)</title> 4 <meta name="assert" content="The image's parent element's intrinsic inline size should be contributed to by the image's height, not the image's width"> 5 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" title="7.1 Principles of Layout in Vertical Writing Modes"> 6 <link rel="author" title="Zhang Junzhi" href="mailto:zjz@zjz.name"> 7 <link rel="match" href="img-intrinsic-size-contribution-ref.html"> 8 9 <style> 10 * { margin: 0; padding: 0; } 11 </style> 12 13 <div style="border: 1px solid blue; display: grid; height: 150px;"> 14 <div style="border: 1px solid orange;"> 15 <img src="support/blue-200x100.png" style="writing-mode: horizontal-tb;"> 16 </div> 17 </div> 18 19 </html>