mozilla

Compare Revisions

::first-line (:first-line)

Change Revisions

Revision 38640:

Revision 38640 by teoli on

Revision 38641:

Revision 38641 by teoli on

Title:
::first-line (:first-line)
::first-line (:first-line)
Slug:
CSS/::first-line
CSS/::first-line
Tags:
css, "CSS Reference", Selectors, NeedsMobileBrowserCompatibility
css, "CSS Reference", Selectors, NeedsMobileBrowserCompatibility
Content:

Revision 38640
Revision 38641
nn4 
5    <style type="text/css">
6<![CDATA[p::first-line {text-transform:uppercase}
7                                ]]>
8    </style>
n48p:first-line { text-transform: uppercase }n53p::first-line { text-transform: uppercase }
tt55    <p>
56      Lorem ipsum dolor sit amet, consectetur adipisicing elit, s
 >ed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 > Ut enim ad minim veniam, quis nostrud exercitation ullamco labor
 >is nisi ut aliquip ex ea commodo consequat.
57    </p>
58    <p>
59      Duis aute irure dolor in reprehenderit in voluptate velit e
 >sse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaec
 >at cupidatat non proident, sunt in culpa qui officia deserunt mol
 >lit anim id est laborum.
60    </p>
61    <table border="1" cellpadding="1" cellspacing="1" style="tabl
 >e-layout: fixed; width: 100%;">
62      <thead>
63        <tr>
64          <th scope="col">
65            &nbsp;
66          </th>
67          <th scope="col">
68            &nbsp;
69          </th>
70        </tr>
71      </thead>
72      <tbody>
73        <tr>
74          <td>
75            <p>
76              <code>p::first-line { text-transform: uppercase }</
 >code>
77            </p>
78          </td>
79          <td>
80            <p>
81              Change the letters of the first line of every parag
 >raph to uppercase
82            </p>
83          </td>
84        </tr>
85        <tr>
86          <td>
87            <p>
88              Lorem ipsum dolor sit amet, consectetur adipisicing
 > elit, sed do eiusmod tempor incididunt ut labore et dolore magna
 > aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam
 >co laboris nisi ut aliquip ex ea commodo consequat.
89            </p>
90            <p>
91              Duis aute irure dolor in reprehenderit in voluptate
 > velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sin
 >t occaecat cupidatat non proident, sunt in culpa qui officia dese
 >runt mollit anim id est laborum.
92            </p>
93          </td>
94          <td>
95            &nbsp;
96          </td>
97        </tr>
98      </tbody>
99    </table>

Back to History