fieldset-element-002.html (1004B)
1 <!DOCTYPE html> 2 <title>CSS aspect-ratio: Test that fieldset's block size honors automatic content-based minimum, but capped by its maximum block-size</title> 3 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 4 <link rel="author" title="mozilla" href="https://www.mozilla.org/"> 5 <link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio-minimum"> 6 <link rel="match" href="fieldset-element-002-ref.html"> 7 8 <style> 9 fieldset { 10 inline-size: 200px; 11 aspect-ratio: 20 / 1; 12 max-block-size: 20px; 13 background: yellow; 14 } 15 16 legend { 17 background: black; 18 color: white; 19 padding: 3px 6px; 20 } 21 </style> 22 23 <form> 24 <fieldset> 25 <legend>Choose one item:</legend> 26 27 <input type="radio" id="item1" name="item"> 28 <label for="item1">item 1</label><br/> 29 30 <input type="radio" id="item2" name="item"> 31 <label for="item2">item 2</label><br/> 32 33 <input type="radio" id="item3" name="item"> 34 <label for="item3">item 3</label> 35 </fieldset> 36 </form>