The result is shown in Figure 15-1:
You can use the following properties with the first-letterpseudo-
element: font properties, color, background, margin, padding, border,
text-decoration, vertical-align(if there’s no floating in effect), text-
transform, line-height, float, and clear.
Using the first-line element for special lines of text ......................
You can also provide a special style for the first line of an element, rather
than just the first letter. Here in this example that increases the size of the
text in the first line of each paragraph:
p:first-line {font-size: 45px}
You can use the following properties with the first-linepseudo-element:
font properties, color, background, word-spacing, letter-spacing,
text-decoration, vertical-align, text-transform, line-height, and
clear.
The Future of Pseudo .................................................................................
The CSS committees will likely continue to add pseudo-features to handle
various kinds of user interfacing. They may also possibly create some addi-
tional dynamic responses that enable the browser window to react without
your having to write any scripts (such as the hoverpseudo-class). Of course,
Figure 15-1:
Here’s a
quick way
to add drop
caps to your
paragraphs.
Chapter 15: CSS Moves into the Future 275
