first-line-selector-001

First-line pseudo-element

WeasyPrint

This browser

Assertion
The :first-line pseudo-element matches the first line of a given element.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3     <head>
 4         <title>CSS Test: First-line pseudo-element</title>
 5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 6         <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo">
 7         <meta name="flags" content="">
 8         <meta name="assert" content="The :first-line pseudo-element matches the first line of a given element.">
 9         <style type="text/css">
10             div:first-line
11             {
12                 color: green;
13                 width: 30%;
14             }
15         </style>
16     </head>
17     <body>
18         <p>Test passes if the first line of the text below is green, but the other lines are not.</p>
19         <div>Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text</div>
20     </body>
21 </html>