details-pseudo-elements-005.html (891B)
1 <!DOCTYPE HTML> 2 <title>::details-content pseudo element supports ::first-letter and ::first-line</title> 3 <link rel="match" href="details-pseudo-elements-005-ref.html"> 4 <link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements"> 5 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#treelike"> 6 <link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#details-content-pseudo"> 7 <link rel="help" href="https://github.com/whatwg/html/pull/10265"> 8 <link rel="help" href="https://github.com/dbaron/details-styling/blob/main/phase-1.md"> 9 <link rel="help" href="https://crbug.com/1469418"> 10 <style> 11 12 details::details-content::first-letter { font-size: 2em; } 13 details::details-content::first-line { font-weight: bold; } 14 15 </style> 16 17 <details open> 18 <summary>summary</summary> 19 The contents<br> 20 are on multiple</br> 21 lines. 22 </details>