block-ellipsis-009.html (745B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Overflow: block-ellipsis and ::first-line</title> 4 <link rel="author" title="Andreu Botella" href="mailto:abotella@igalia.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#block-ellipsis"> 6 <link rel="match" href="reference/block-ellipsis-009-ref.html"> 7 <meta name="assert" content="The block overflow ellipsis must not be included in the ::first-line pseudoelement of a child of the line-clamp container."> 8 <style> 9 .clamp { 10 line-clamp: 3; 11 color: teal; 12 } 13 .inner::first-line { 14 color: purple; 15 font-weight: bold; 16 font-style: italic; 17 font-size: 1.5em; 18 } 19 </style> 20 <div class="clamp"> 21 Line 1<br> 22 Line 2 23 <div class="inner"> 24 Line 3<br> 25 Line 4 26 </div> 27 </div>