text-box-trim-multicol-001.html (902B)
1 <!DOCTYPE html> 2 <title>Test when a box with `text-box-trim` is multi-column</title> 3 <link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-trim"> 4 <link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-edge"> 5 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/5335#issuecomment-2380160677"> 6 <link rel="match" href="text-box-trim-multicol-001-ref.html"> 7 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 8 <style> 9 .spacer { 10 background: lightgray; 11 block-size: 100px; 12 } 13 .multicol { 14 column-count: 3; 15 column-fill: auto; 16 border: 1px solid; 17 height: 290px; 18 width: 20ch; 19 font-family: Ahem; 20 font-size: 40px; 21 line-height: 2; 22 orphans: 1; 23 widows: 1; 24 } 25 .trim { 26 text-box-trim: trim-both; 27 text-box-edge: text; 28 } 29 </style> 30 <div class="multicol trim"> 31 abc abc abc abc 32 abc abc abc abc 33 abc abc 34 <div class="spacer"></div> 35 </div>