|
11 | 11 | <meta content="CSS Generated Content for Paged Media Module" |
12 | 12 | name=dcterms.title> |
13 | 13 | <meta content=text name=dcterms.type> |
14 | | - <meta content=2013-09-11 name=dcterms.date> |
| 14 | + <meta content=2013-09-12 name=dcterms.date> |
15 | 15 | <meta content="Håkon Wium Lie" name=dcterms.creator> |
16 | 16 | <meta content=W3C name=dcterms.publisher> |
17 | 17 | <meta content="http://dev.w3.org/csswg/css3-gcpm/" name=dcterms.identifier> |
|
42 | 42 |
|
43 | 43 | <h1>CSS Generated Content for Paged Media Module</h1> |
44 | 44 |
|
45 | | - <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 11 September 2013</h2> |
| 45 | + <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 12 September 2013</h2> |
46 | 46 |
|
47 | 47 | <dl> |
48 | 48 | <dt>This version: |
49 | 49 |
|
50 | 50 | <dd><a |
51 | | - href="http://dev.w3.org/csswg/css3-gcpm/">http://www.w3.org/TR/2013/ED-css3-gcpm-20130911/</a> |
| 51 | + href="http://dev.w3.org/csswg/css3-gcpm/">http://www.w3.org/TR/2013/ED-css3-gcpm-20130912/</a> |
52 | 52 |
|
53 | 53 | <dt>Latest version: |
54 | 54 |
|
@@ -4092,9 +4092,8 @@ <h3 id=selecting-certain-named-pages><span class=secno>13.1. |
4092 | 4092 |
|
4093 | 4093 | <p>In CSS2, <a |
4094 | 4094 | href="http://www.w3.org/TR/CSS2/page.html#page-selectors">first, left and |
4095 | | - right pages</a> can be selected. This specification exte adds selector |
4096 | | - grammar from <a |
4097 | | - href="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo"></a>. <!-- |
| 4095 | + right pages</a> can be selected. This specification extends pages |
| 4096 | + selectors: <!-- |
4098 | 4097 | <p>The 'first-page' pseudo-element is similar to the 'first-letter' |
4099 | 4098 | and 'first-line' elements; it is used to apply styling to the part of |
4100 | 4099 | an element that ends up on the starting page for that element. If the |
@@ -4247,14 +4246,20 @@ <h3 id=page-and-column-pseudo-elements><span class=secno>13.3. |
4247 | 4246 | </pre> |
4248 | 4247 | </div> |
4249 | 4248 |
|
4250 | | - <p>Several syntax variations are possible. |
| 4249 | + <p>It is also possible to place the code inside @page: |
4251 | 4250 |
|
4252 | 4251 | <div class=example> |
4253 | 4252 | <pre> |
4254 | 4253 | @page :left { |
4255 | | - ... |
| 4254 | + background: pink; /* declaration applies to pages */ |
4256 | 4255 | { |
4257 | | - p { text-align: left } |
| 4256 | + p { text-align: left } /* declaration applies to elements on page */ |
| 4257 | + } |
| 4258 | + @top-center { |
| 4259 | + background: orange; /* declaration applies to margin box */ |
| 4260 | + { |
| 4261 | + p { text-align: left } /* declaration applies to elements in margin box */ |
| 4262 | + } |
4258 | 4263 | } |
4259 | 4264 | } |
4260 | 4265 | </pre> |
|
0 commit comments