>> English << | česky | PortuguêsZVON > Tutorials > CSS2 tutorial
>> Example 9 << | Prev | Next | Index | Contents

Pseudoelements first-letter and first-line match corresponding characters in block level elements

XML SourceCSS stylesheetExample link
(1)
     <AAA>
          <html:p>aaaa bbbb cccc dddd eeee aaaa bbbb cccc dddd eeee aaaa bbbb cccc dddd eeee aaaa bbbb cccc dddd eeee aaaa bbbb cccc dddd eeee </html:p>
          <html:div>111 222 333 444 555 666 777 888 999 000 111 222 333 444 555 666 777 888 999 000 111 222 333 444 555 666 777 888 999 000 </html:div>
     </AAA>

p {color:navy}
p:first-letter {color:red}
p:first-line {color:blue}
div {color:aqua}
div:first-letter {color:green}
div:first-line {color:maroon}
View output