third_party/WebKit/LayoutTests/css2.1/t051201-c23-first-line-00-b.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html>
   3  <head>
   4   <title>CSS 2.1 Test Suite: first-line</title>
   5   <style type="text/css">
   6    body { color: blue; }
   7    p:first-line { color: green; }
   8    .two:first-line { font-size: 200%; }
   9    .three:first-line { font-variant: small-caps; }
  10   </style>
  11   <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" title="5.12.1 The :first-line pseudo-element">
  12  </head>
  13  <body>
  14   <p>
  15    The <strong>first line</strong> of this paragraph, and only that
  16    one, should be <strong>green</strong>. If this precise combination
  17    does not occur, then the user agent has failed this test. Remember
  18    that in order to ensure a complete test, the paragraph must be
  19    displayed on more than one line. Dummy text. Dummy text. Dummy
  20    text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
  21    Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy
  22    text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
  23    Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy
  24    text. Dummy text. Dummy text. Dummy text.
  25   </p>
  26   <p class="two">
  27    The <strong>first line</strong> of this paragraph, and only that
  28    one, should be a <strong>larger</strong> font size as well as
  29    <strong>green</strong>. If this precise combination does not occur,
  30    then the user agent has failed this test. Remember that in order to
  31    ensure a complete test, the paragraph must be displayed on more
  32    than one line. Dummy text. Dummy text. Dummy text. Dummy text.
  33    Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy
  34    text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
  35    Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy
  36    text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
  37    Dummy text. Dummy text.
  38   </p>
  39   <p class="three">
  40    The <strong>first line</strong> of this paragraph, and only that
  41    one, should be displayed in <strong>small-caps</strong> style as
  42    well as <strong>green</strong>. Thus, if the first line is not in
  43    small-caps style, or if the entire paragraph turns out in
  44    small-caps, then the user agent has failed this test. Dummy text.
  45    Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy
  46    text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
  47    Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy
  48    text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
  49    Dummy text. Dummy text. Dummy text. Dummy text. Dummy text.
  50   </p>
  51  </body>
  52 </html>