text-box-trim-half-leading-block-box-005.html (668B)
1 <!DOCTYPE html> 2 <title>text-box-trim does not propagate through borders</title> 3 <link rel="help" href="https://drafts.csswg.org/css-inline-3/#text-box-trim"> 4 <link rel="help" href="https://www.w3.org/TR/css-inline-3/#invisible-line-boxes"> 5 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 6 <link rel="match" href="text-box-trim-half-leading-block-box-004-ref.html"> 7 8 <style> 9 .div-parent { 10 outline: 1px solid orange; 11 font: 20px/3 Ahem; 12 text-box-trim: trim-both; 13 text-box-edge: text; 14 } 15 .inner { 16 margin: -10px; 17 border: 10px solid white; 18 } 19 </style> 20 21 <div class="div-parent"> 22 <div class="inner">Testline1<br>Testline2<br>Testline3</div> 23 </div>