Skip to content

Commit bd84f9f

Browse files
SimonSapinSimonSapin
committed
[css-page] Bikeshed vs. commas. (Also contact links.)
1 parent 9336a94 commit bd84f9f

File tree

2 files changed

+13
-57
lines changed

2 files changed

+13
-57
lines changed

‎css-page/Overview.html‎

Lines changed: 11 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -3,48 +3,7 @@
33
<title>CSS Paged Media Module Level 3</title>
44
<link href=../default.css rel=stylesheet type=text/css>
55
<link href=../csslogo.ico rel="shortcut icon" type=image/x-icon>
6-
<style>
7-
body {
8-
background: url("https://www.w3.org/StyleSheets/TR/logo-ED") top left no-repeat white;
9-
background-attachment: fixed;
10-
color: black;
11-
font-family: sans-serif;
12-
margin: 0 auto;
13-
max-width: 50em;
14-
padding: 2em 1em 2em 70px;
15-
}
16-
:link { color: #00C; background: transparent }
17-
:visited { color: #609; background: transparent }
18-
a[href]:active { color: #C00; background: transparent }
19-
a[href]:hover { background: #ffa }
20-
21-
a[href] img { border-style: none }
22-
23-
h1, h2, h3, h4, h5, h6 { text-align: left }
24-
h1, h2, h3 { color: #005A9C; }
25-
h1 { font: 170% sans-serif }
26-
h2 { font: 140% sans-serif }
27-
h3 { font: 120% sans-serif }
28-
h4 { font: bold 100% sans-serif }
29-
h5 { font: italic 100% sans-serif }
30-
h6 { font: small-caps 100% sans-serif }
31-
32-
.hide { display: none }
33-
34-
div.head { margin-bottom: 1em }
35-
div.head h1 { margin-top: 2em; clear: both }
36-
div.head table { margin-left: 2em; margin-top: 2em }
37-
38-
p.copyright { font-size: small }
39-
p.copyright small { font-size: small }
40-
41-
pre { margin-left: 2em }
42-
dt { font-weight: bold }
43-
44-
ul.toc, ol.toc {
45-
list-style: none;
46-
}
47-
</style>
6+
<link href=https://www.w3.org/StyleSheets/TR/W3C-ED rel=stylesheet type=text/css>
487
</head>
498
<body class=h-entry>
509
<style scoped type=text/css>
@@ -97,8 +56,7 @@
9756
<div class=head>
9857
<p data-fill-with=logo><a class=logo href=http://www.w3.org/>
9958
<img alt=W3C height=48 src=http://www.w3.org/Icons/w3c_home width=72>
100-
</a>
101-
</p>
59+
</a></p>
10260
<h1 class="p-name no-ref" id=title>CSS Paged Media Module Level 3</h1>
10361
<h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
10462
<span class=dt-updated><span class=value-title title=20131114>14 November 2013</span></span></span></h2>
@@ -107,10 +65,9 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class
10765
<dd><a href="mailto:www-style@w3.org?subject=%5Bcss-page%5D%20feedback">www-style@w3.org</a>
10866
with subject line
10967
“<kbd>[css-page] <var>… message topic …</var></kbd>”(<a href=http://lists.w3.org/Archives/Public/www-style/ rel=discussion>archives</a>)<dt>Test Suite:<dd>None Yet<dt>Editors:
110-
<dd class="p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:formerly Mozilla">Elika J. Etemad</a> (<span class="p-org org">Invited Expert</span>)<dd class="p-author h-card vcard"><a class="p-name fn u-email email" href="mailto:formerly Kozea">Simon Sapin</a> (<span class="p-org org">Mozilla</span>)<dt>Issue Tracking:<dd><a href=http://www.w3.org/Style/CSS/Tracker/products/13 rel=issues>http://www.w3.org/Style/CSS/Tracker/products/13</a></dl></div>
68+
<dd class="p-author h-card vcard"><a class="p-name fn u-url url" href=http://fantasai.inkedblade.net/contact>Elika J. Etemad</a> (<span class="p-org org">Invited Expert, formerly Mozilla</span>)<dd class="p-author h-card vcard"><a class="p-name fn u-url url" href=http://exyr.org/about/>Simon Sapin</a> (<span class="p-org org">Mozilla, formerly Kozea</span>)<dt>Issue Tracking:<dd><a href=http://www.w3.org/Style/CSS/Tracker/products/13 rel=issues>http://www.w3.org/Style/CSS/Tracker/products/13</a></dl></div>
11169
<div data-fill-with=warning></div>
112-
<p class=copyright data-fill-with=copyright><a href=http://www.w3.org/Consortium/Legal/ipr-notice#Copyright>Copyright</a> © 2013 <a href=http://www.w3.org/><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href=http://www.csail.mit.edu/><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href=http://www.ercim.eu/><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href=http://www.keio.ac.jp/>Keio</a>, <a href=http://ev.buaa.edu.cn/>Beihang</a>), All Rights Reserved. W3C <a href=http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer>liability</a>, <a href=http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks>trademark</a> and <a href=http://www.w3.org/Consortium/Legal/copyright-documents>document use</a> rules apply.
113-
</p>
70+
<p class=copyright data-fill-with=copyright><a href=http://www.w3.org/Consortium/Legal/ipr-notice#Copyright>Copyright</a> © 2013 <a href=http://www.w3.org/><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href=http://www.csail.mit.edu/><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href=http://www.ercim.eu/><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href=http://www.keio.ac.jp/>Keio</a>, <a href=http://ev.buaa.edu.cn/>Beihang</a>), All Rights Reserved. W3C <a href=http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer>liability</a>, <a href=http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks>trademark</a> and <a href=http://www.w3.org/Consortium/Legal/copyright-documents>document use</a> rules apply.</p>
11471
<hr title="Separator for header">
11572
</div>
11673

@@ -193,7 +150,6 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
193150

194151

195152

196-
197153
<h2 class="heading settled heading" data-level=1 id=intro><span class=secno>1 </span><span class=content>Introduction</span><a class=self-link href=#intro></a></h2>
198154

199155
<p>Paged media (e.g., paper, transparencies, photo album pages, pages
@@ -326,7 +282,7 @@ <h2 class="heading settled heading" data-level=3 id=page-model><span class=secno
326282
consists of margin, border, padding, and content areas. The content and
327283
margin areas of a page box have special functions:</p>
328284

329-
<p class=issue id=issue-5371a3e4><a class=self-link href=#issue-5371a3e4></a>
285+
<p class=issue id=issue-328fb1d0><a class=self-link href=#issue-328fb1d0></a>
330286
In CSS 2.1, both the page box and page area are simple rectangles.
331287
Neither is a CSS box with margins, borders, and padding.
332288
This CSS box should be distinct from the page box and page area,
@@ -1812,7 +1768,7 @@ <h3 class="heading settled heading" data-level=7.1 id=page-size-prop><span class
18121768
queries do not honor <a class=property data-link-type=propdesc href=#propdef-size title=size>size</a>: they assume the paper size that would be chosen
18131769
if no @page rules were specified.</p>
18141770

1815-
<div class=issue id=issue-b29a6f02><a class=self-link href=#issue-b29a6f02></a>
1771+
<div class=issue id=issue-a5b67d5f><a class=self-link href=#issue-a5b67d5f></a>
18161772
<p>It would be useful if media queries could respond at least
18171773
to sizes specified on an unqualified @page.
18181774

@@ -1982,7 +1938,7 @@ <h4 class="heading settled heading" data-level=7.1.1 id=page-size-media-query><s
19821938
<h3 class="heading settled heading" data-level=7.2 id=marks><span class=secno>7.2 </span><span class=content>
19831939
Crop and Registration Marks: the <a class=property data-link-type=propdesc href=#propdef-marks title=marks>marks</a> property</span><a class=self-link href=#marks></a></h3>
19841940

1985-
<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-marks>marks<a class=self-link href=#propdef-marks></a></dfn><tr><th>Value:<td>none | [ crop || cross ]<tr><th>Initial:<td>none<tr><th>Applies to:<td>page context<tr><th>Inherited:<td>no<tr><th>Media:<td>paged<tr><th>Computed value:<td>as specified</table>
1941+
<table class=propdef><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-marks>marks<a class=self-link href=#propdef-marks></a></dfn><tr><th>Value:<td>none | [ crop || cross ]<tr><th>Initial:<td>none<tr><th>Applies to:<td>page context<tr><th>Inherited:<td>no<tr><th>Media:<td>paged<tr><th>Computed value:<td>as specified</table>
19861942
<p>This property adds crop and/or registration marks to the document.
19871943
These are printed outside the page box to facilitate
19881944
the trimming and alignment of sheets of paper.
@@ -2017,7 +1973,7 @@ <h3 class="heading settled heading" data-level=7.2 id=marks><span class=secno>7.
20171973
<h3 class="heading settled heading" data-level=7.3 id=bleed><span class=secno>7.3 </span><span class=content>
20181974
Bleed Area: the <a class=property data-link-type=propdesc href=#propdef-bleed title=bleed>bleed</a> property</span><a class=self-link href=#bleed></a></h3>
20191975

2020-
<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-bleed>bleed<a class=self-link href=#propdef-bleed></a></dfn><tr><th>Value:<td>auto | <a class="production css-code" data-link-type=type href=#typedef-length title="<length>">&lt;length&gt;</a><tr><th>Initial:<td>auto<tr><th>Applies to:<td>page context<tr><th>Inherited:<td>no<tr><th>Media:<td>paged<tr><th>Computed value:<td>as specified<tr><th>Percentages:<td>N/A</table>
1976+
<table class=propdef><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-bleed>bleed<a class=self-link href=#propdef-bleed></a></dfn><tr><th>Value:<td>auto | <a class="production css-code" data-link-type=type href=#typedef-length title="<length>">&lt;length&gt;</a><tr><th>Initial:<td>auto<tr><th>Applies to:<td>page context<tr><th>Inherited:<td>no<tr><th>Media:<td>paged<tr><th>Computed value:<td>as specified<tr><th>Percentages:<td>N/A</table>
20211977
<p>This property specifies the extent of the <dfn data-dfn-type=dfn data-noexport="" id=bleed-area>bleed area<a class=self-link href=#bleed-area></a></dfn> outside the page box;
20221978
in other words the extent beyond the page box at which the page rendering is clipped.
20231979
Values have the following meanings:
@@ -2712,7 +2668,7 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
27122668

27132669
<h2 class="no-num no-ref heading settled heading" id=property-index><span class=content>
27142670
Property index</span><a class=self-link href=#property-index></a></h2>
2715-
<div data-fill-with=property-index><table class="proptable data"><thead><tr><th scope=col>Name<th scope=col>Value<th scope=col>Initial<th scope=col>Applies to<th scope=col>Inh.<th scope=col>%ages<th scope=col>Media<th scope=col>Computed value<tbody>
2671+
<div data-fill-with=property-index><table class=proptable><thead><tr><th scope=col>Name<th scope=col>Value<th scope=col>Initial<th scope=col>Applies to<th scope=col>Inh.<th scope=col>%ages<th scope=col>Media<th scope=col>Computed value<tbody>
27162672
<tr><th scope=row><a data-property="">size</a><td>&lt;length&gt;{1,2} | auto | [ &lt;page-size&gt; || [ portrait | landscape] ]<td>auto<td>page context<td>N/A<td>N/A<td>paged<td>specified value
27172673
<tr><th scope=row><a data-property="">marks</a><td>none | [ crop || cross ]<td>none<td>page context<td>no<td><td>paged<td>as specified
27182674
<tr><th scope=row><a data-property="">bleed</a><td>auto | &lt;length&gt;<td>auto<td>page context<td>no<td>N/A<td>paged<td>as specified
@@ -2726,7 +2682,7 @@ <h2 class="no-num no-ref heading settled heading" id=property-index><span class=
27262682
which would be its margin area and content area, respectively.
27272683
Naming ideas?
27282684

2729-
<a href=#issue-5371a3e4> ↵ </a></div><div class=issue>
2685+
<a href=#issue-328fb1d0> ↵ </a></div><div class=issue>
27302686
<p>It would be useful if media queries could respond at least
27312687
to sizes specified on an unqualified @page.
27322688

@@ -2740,7 +2696,7 @@ <h2 class="no-num no-ref heading settled heading" id=property-index><span class=
27402696
The entire set of stylesheets is applied again,
27412697
this time using the "base page size" for Media Queries
27422698
and viewport-percentage lengths.
2743-
</p><a href=#issue-b29a6f02> ↵ </a></div>
2699+
</p><a href=#issue-a5b67d5f> ↵ </a></div>
27442700

27452701

27462702
</div>

‎css-page/Overview.src.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ <h1>CSS Paged Media Module Level 3</h1>
99
TR: http://www.w3.org/TR/css3-page/
1010
Previous Version: http://www.w3.org/TR/2013/WD-css3-page-20130314/
1111
!Issue Tracking: <a rel="issues" href="http://www.w3.org/Style/CSS/Tracker/products/13">http://www.w3.org/Style/CSS/Tracker/products/13</a>
12-
Editor: Elika J. Etemad, Invited Expert, formerly Mozilla
13-
Editor: Simon Sapin, Mozilla, formerly Kozea
12+
Editor: Elika J. Etemad, Invited Expert&#44; formerly Mozilla, http://fantasai.inkedblade.net/contact
13+
Editor: Simon Sapin, Mozilla&#44; formerly Kozea, http://exyr.org/about/
1414
Ignored terms: fit, fit-position
1515
Link defaults: css-break (property) break-after, css21 (property) display, css21 (property) min-height, css21 (property) max-height, css21 (property) min-width, css21 (property) max-width, css21 (property) margin, css-content-3 (property) counter-increment, css-content-3 (property) counter-reset
1616
Abstract: This module describes the page model that partitions a flow into pages. It builds on the <a href="http://www.w3.org/TR/CSS21/box.html">Box model module</a> and introduces and defines the page model and paged media. It adds functionality for pagination, page margins, page size and orientation, headers and footers, widows and orphans, and image orientation. Finally it extends generated content to enable page numbering and running headers / footers.

0 commit comments

Comments
 (0)