blob: c324dc225b1a0e538a007183534787339c5f582f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
<html>
<head>
<style type="text/css">
p:first-line { color: teal; }
p:first-letter { color: aqua; }
.one:first-line { font-size: 300%; }
.one:first-letter { font-size: 300%; }
p.two:first-letter { font-size: 200%; }
p.two:first-line { font-variant: small-caps; }
/* three uses the default styles */
</style>
</head>
<body>
<p class="one">
The <strong>first letter of this paragraph, and only that
one, should be 600% bigger than the normal text
(300% bigger than the rest of first line of this paragraph) and
aqua, while the entire first line
should be 300% bigger than normal and teal. If this precise combination does not occur,
then the user agent has failed this test. Remember that in order to
ensure a complete test, the paragraph must be displayed on more
than one line. (TEST1)
</p>
<p class="two">
The first two characters in this paragraph
(a double-quote mark and a capital 'T') should be 200%
bigger than the rest of the paragraph, and
aqua. In addition, the entire first
line should be in a small-caps font and
teal. Remember that in order to ensure a complete test,
the paragraph must be displayed on more than one line. (TEST2)
</p>
<p>
The first letter of this paragraph, and only that
one, should be aqua, while the entire
<strong>first line should be teal. If
this precise combination does not occur, then the user agent has
failed this test. Remember that in order to ensure a complete test,
the paragraph must be displayed on more than one line. (TEST3)
</p>
</body>
</html>
|
