first-letter-selector-023

First-letter on bidi text

WeasyPrint

This browser

Flags
may
Assertion
If the first letter of the block is not at the start of the line (for example due to bidirectional reordering), then the user agent need not create the pseudo-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-letter on bidi text</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-letter">
 7         <meta name="flags" content="may">
 8         <meta name="assert" content="If the first letter of the block is not at the start of the line (for example due to bidirectional reordering), then the user agent need not create the pseudo-element.">
 9         <style type="text/css">
10             div
11             {
12                 direction: rtl;
13             }
14             div:first-letter
15             {
16                 color: green;
17             }
18         </style>
19     </head>
20     <body>
21         <p>Test passes if the letter "F" below is green.</p>
22         <div>Filler Text</div>
23     </body>
24 </html>