text-box-trim-multicol-008.html (940B)
1 <!DOCTYPE html> 2 <title>Test when a box with `text-box-trim` is block fragmented</title> 3 <meta name="assert" content="text-box-trim specified inside a fragmentation context does not trim at column boundaries unless box-decoration-break is 'clone'"> 4 <link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-edge"> 5 <link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-trim"> 6 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/5335#issuecomment-1908655635"> 7 <link rel="match" href="text-box-trim-multicol-008-ref.html"> 8 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 9 <style> 10 .multicol { 11 column-count: 3; 12 column-fill: auto; 13 border: 1px solid; 14 height: 160px; 15 width: 20ch; 16 text-box-trim: trim-start; 17 font-family: Ahem; 18 font-size: 40px; 19 line-height: 2; 20 orphans: 1; 21 widows: 1; 22 } 23 </style> 24 <div class="multicol"> 25 <div></div> 26 abc abc 27 abc abc 28 abc abc 29 </div>