Skip to content

Commit d742aa5

Browse files
committed
fixed typos and added www-style para
1 parent ba84ebe commit d742aa5

2 files changed

Lines changed: 80 additions & 39 deletions

File tree

css3-page-template/Overview.html

Lines changed: 65 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -223,8 +223,7 @@
223223
margin-right:0.8em;
224224
text-transform:uppercase;
225225
}
226-
.separate-pre {
227-
--margin: 5%;
226+
.separate-pre {
228227
background-color: rgba(0, 0, 0, 0.08);
229228
}
230229
</style>
@@ -305,10 +304,39 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
305304
until all of the content is displayed.
306305

307306
<h2 class="no-num no-toc" id=status>Status of this document</h2>
308-
309-
<p><strong>This document is only an Editor's Draft. It has not yet been
310-
adopted by the Working Group, and should not be considered to be part of
311-
CSS.</strong>
307+
<!--begin-status-->
308+
309+
<p>This is a public copy of the editors' draft. It is provided for
310+
discussion only and may change at any moment. Its publication here does
311+
not imply endorsement of its contents by W3C. Don't cite this document
312+
other than as work in progress.
313+
314+
<p>The (<a
315+
href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) public
316+
mailing list <a
317+
href="mailto:www-style@w3.org?Subject=%5Bcss3-page-template%5D%20PUT%20SUBJECT%20HERE">
318+
www-style@w3.org</a> (see <a
319+
href="http://www.w3.org/Mail/Request">instructions</a>) is preferred for
320+
discussion of this specification. When sending e-mail, please put the text
321+
&#8220;css3-page-template&#8221; in the subject, preferably like this:
322+
&#8220;[<!---->css3-page-template<!---->] <em>&hellip;summary of
323+
comment&hellip;</em>&#8221;
324+
325+
<p>This document was produced by the <a href="/Style/CSS/members">CSS
326+
Working Group</a> (part of the <a href="/Style/">Style Activity</a>).
327+
328+
<p>This document was produced by a group operating under the <a
329+
href="/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent
330+
Policy</a>. W3C maintains a <a href="/2004/01/pp-impl/32061/status"
331+
rel=disclosure>public list of any patent disclosures</a> made in
332+
connection with the deliverables of the group; that page also includes
333+
instructions for disclosing a patent. An individual who has actual
334+
knowledge of a patent which the individual believes contains <a
335+
href="/Consortium/Patent-Policy-20040205/#def-essential">Essential
336+
Claim(s)</a> must disclose the information in accordance with <a
337+
href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the
338+
W3C Patent Policy</a>.</p>
339+
<!--end-status-->
312340

313341
<p>The following features are at risk: none
314342

@@ -408,7 +436,8 @@ <h3 id=placement><span class=secno>1.1. </span> Module Interactions</h3>
408436
href="#CSS3-REGIONS"
409437
rel=biblioentry>[CSS3-REGIONS]<!--{{CSS3-REGIONS}}--></a>.
410438

411-
<p>This module uses the overflow-style property from [[CSS3-GCPM]].
439+
<p>This module uses the overflow-style property from <a href="#CSS3GCPM"
440+
rel=biblioentry>[CSS3GCPM]<!--{{CSS3GCPM}}--></a>.
412441

413442
<p>Some examples use positioning from <a href="#CSS3GRID"
414443
rel=biblioentry>[CSS3GRID]<!--{{CSS3GRID}}--></a>.
@@ -421,8 +450,8 @@ <h2 id=templates-and-slots><span class=secno>2. </span> Pagination
421450
pagination templates if its &lsquo;<code
422451
class=property>overflow-style</code>&rsquo; property is set to any of the
423452
paged-* values defined in css3-gcpm. If a document defines no pagination
424-
templates, then there is an implicit paginated template with a single slot
425-
containing the paginated element's contents.
453+
templates, then there is an implicit pagination template with a single
454+
slot containing the paginated element's contents.
426455

427456
<div class=issue-marker>
428457
<div class=issue-details>Do pagination templates get their size (and other
@@ -431,13 +460,13 @@ <h2 id=templates-and-slots><span class=secno>2. </span> Pagination
431460
100%/100% size based on the element's box?</div>
432461
</div>
433462

434-
<p>A slot is an anonymous box in a paginated template where content can be
463+
<p>A slot is an anonymous box in a pagination template where content can be
435464
placed. In an @template rule @slot rules create slots. The order of @slot
436-
rules determines the order of the boxes in the paginated template. Each
465+
rules determines the order of the boxes in the pagination template. Each
437466
@slot rule can take an optional name.
438467

439468
<p>Slots default to displaying the content of the paginated element. Slots
440-
can instead contain generated content assigned from the content property.
469+
can instead contain generated content assigned with the content property.
441470
Slots can also be assigned content from named flows.
442471

443472
<div class=example>
@@ -472,12 +501,12 @@ <h2 id=templates-and-slots><span class=secno>2. </span> Pagination
472501

473502
<div class=example>
474503
<p>The simplest example takes all of the content in the document and flows
475-
it into a single paginated template with a single slot. This template
504+
it into a single pagination template with a single slot. This template
476505
will display a viewport's worth of content at a time, and will create a
477506
new slot on a new page each time content overflows.
478507

479508
<p>The three examples below are equivalent, but merely illustrate how
480-
content from the element can be assigned to paginated template slots.
509+
content from the element can be assigned to pagination template slots.
481510
Actual use of templates would either define more slots or assign content
482511
differently than the default.
483512

@@ -520,14 +549,14 @@ <h2 id=templates-and-slots><span class=secno>2. </span> Pagination
520549
</div>
521550

522551
<div class=example>
523-
<p>A paginated template could contain two side-by-side slots that paginate
524-
two separate articles. Side-by-side translations are often laid out this
525-
way. This example fills the left side of the paged view with content from
526-
an English article and the right side with content from a French article.
527-
New pages and slots are created until the content from both articles is
528-
exhausted. If one article is longer than the other then in this simple
529-
example template the longer article will continue taking up just its half
530-
of the page.
552+
<p>A pagination template could contain two side-by-side slots that
553+
paginate two separate articles. Side-by-side translations are often laid
554+
out this way. This example fills the left side of the paged view with
555+
content from an English article and the right side with content from a
556+
French article. New pages and slots are created until the content from
557+
both articles is exhausted. If one article is longer than the other then
558+
in this simple example template the longer article will continue taking
559+
up just its half of the page.
531560

532561
<p> <img alt="side-by-side flows on a page"
533562
src="images/side-by-side-1.png" width=120> <span
@@ -645,7 +674,7 @@ <h2 id=conditional-templates><span class=secno>3. </span> Template
645674
</div>
646675

647676
<div class=issue-marker>
648-
<div class=issue-details>One way of promoting re-use of paginated
677+
<div class=issue-details>One way of promoting re-use of pagination
649678
templates would be to parameterize the named flow idents. Instead of
650679
using named flow idents directly, @slot rules could use a parameter and
651680
a paginated element using the template would pass in the particular
@@ -660,9 +689,9 @@ <h3 id=ordered-templates><span class=secno>3.1. </span> Selecting Templates
660689
a separate template for pages that match the selector.
661690

662691
<div class=issue-marker>
663-
<div class=issue-details>Should we use :left and :right and allow viewing
664-
more than one page at a time in a viewport? Should we have :nth(x)
665-
selectors?</div>
692+
<div class=issue-details>Should :left and :right be allowed with a way of
693+
displaying more than one page at a time in a viewport? Should :nth(x)
694+
selectors be allowed?</div>
666695
</div>
667696

668697
<div class=issue-marker>
@@ -922,6 +951,16 @@ <h3 class=no-num id=other-references>Other references</h3>
922951
</dd>
923952
<!---->
924953

954+
<dt id=CSS3GCPM>[CSS3GCPM]
955+
956+
<dd>H&#229;kon Wium Lie. <a
957+
href="http://www.w3.org/TR/2010/WD-css3-gcpm-20100608"><cite>CSS
958+
Generated Content for Paged Media Module.</cite></a> 8 June 2010. W3C
959+
Working Draft. (Work in progress.) URL: <a
960+
href="http://www.w3.org/TR/2010/WD-css3-gcpm-20100608">http://www.w3.org/TR/2010/WD-css3-gcpm-20100608</a>
961+
</dd>
962+
<!---->
963+
925964
<dt id=CSS3GRID>[CSS3GRID]
926965

927966
<dd>Alex Mogilevsky; Markus Mielke. <a

css3-page-template/Overview.src.html

Lines changed: 15 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -223,8 +223,7 @@
223223
margin-right:0.8em;
224224
text-transform:uppercase;
225225
}
226-
.separate-pre {
227-
--margin: 5%;
226+
.separate-pre {
228227
background-color: rgba(0, 0, 0, 0.08);
229228
}
230229
</style>
@@ -275,9 +274,12 @@ <h2 class="no-num no-toc" id="abstract">Abstract</h2>
275274

276275
<h2 class="no-num no-toc" id="status">Status of this document</h2>
277276

278-
<p><strong>This document is only an Editor's Draft. It has not yet been adopted by the Working Group, and should not be considered to be part of CSS.</strong></p>
277+
<!--begin-status-->
278+
<p><strong>This document is only an Editor's Draft. It is provided for discussion only and may change at any moment. It has not yet been adopted by the Working Group, and should not be considered to be part of CSS.</strong>
279279

280-
<p>The following features are at risk: none
280+
<p>The archived public mailing list www-style@w3.org is preferred for discussion of this specification. When sending e-mail, please put the text "css3-page-template" in the subject, preferably like this: "[css3-page-template] …summary of comment…"
281+
<!--end-status-->
282+
<p>The following features are at risk: none
281283

282284
<h2 class="no-num no-toc" id="contents">Table of contents</h2>
283285

@@ -302,19 +304,19 @@ <h3 id="placement">
302304
Module Interactions</h3>
303305

304306
<p>This module uses named flows and region chains defined in [[CSS3-REGIONS]].
305-
<p>This module uses the overflow-style property from [[CSS3-GCPM]].
307+
<p>This module uses the overflow-style property from [[CSS3GCPM]].
306308
<p>Some examples use positioning from [[CSS3GRID]].
307309

308310
<h2 id="templates-and-slots">
309311
Pagination Templates and Slots</h2>
310312

311-
<p>An @template rule defines a pagination template. Pagination templates contain one or more slots to display content. An element can use pagination templates if its 'overflow-style' property is set to any of the paged-* values defined in css3-gcpm. If a document defines no pagination templates, then there is an implicit paginated template with a single slot containing the paginated element's contents.
313+
<p>An @template rule defines a pagination template. Pagination templates contain one or more slots to display content. An element can use pagination templates if its 'overflow-style' property is set to any of the paged-* values defined in css3-gcpm. If a document defines no pagination templates, then there is an implicit pagination template with a single slot containing the paginated element's contents.
312314

313315
<div class="issue-marker"><div class="issue-details">Do pagination templates get their size (and other characteristics) from the element with the overflow-style property, or does this have be set in the @template rule? Can templates use a default 100%/100% size based on the element's box?</div></div>
314316

315-
<p>A slot is an anonymous box in a paginated template where content can be placed. In an @template rule @slot rules create slots. The order of @slot rules determines the order of the boxes in the paginated template. Each @slot rule can take an optional name.
317+
<p>A slot is an anonymous box in a pagination template where content can be placed. In an @template rule @slot rules create slots. The order of @slot rules determines the order of the boxes in the pagination template. Each @slot rule can take an optional name.
316318

317-
<p>Slots default to displaying the content of the paginated element. Slots can instead contain generated content assigned from the content property. Slots can also be assigned content from named flows.
319+
<p>Slots default to displaying the content of the paginated element. Slots can instead contain generated content assigned with the content property. Slots can also be assigned content from named flows.
318320

319321
<div class='example'>
320322
<p>An @template rule that creates header and footer slots around the paginated element's content
@@ -332,9 +334,9 @@ <h2 id="templates-and-slots">
332334
<div class="issue-marker"><div class="issue-details">If there is more than one slot with no 'content' or 'flow-from' assignment, does the element's content use all of these slots like a region chain, or is only the last unassigned slot used for content?</div></div>
333335

334336
<div class='example'>
335-
<p>The simplest example takes all of the content in the document and flows it into a single paginated template with a single slot. This template will display a viewport's worth of content at a time, and will create a new slot on a new page each time content overflows.
337+
<p>The simplest example takes all of the content in the document and flows it into a single pagination template with a single slot. This template will display a viewport's worth of content at a time, and will create a new slot on a new page each time content overflows.
336338

337-
<p>The three examples below are equivalent, but merely illustrate how content from the element can be assigned to paginated template slots. Actual use of templates would either define more slots or assign content differently than the default.
339+
<p>The three examples below are equivalent, but merely illustrate how content from the element can be assigned to pagination template slots. Actual use of templates would either define more slots or assign content differently than the default.
338340

339341
<pre class='separate-pre'>
340342
body { overflow-style: paged-x; }</pre>
@@ -358,7 +360,7 @@ <h2 id="templates-and-slots">
358360
<div class="issue-marker"><div class="issue-details">Is there a need to create more structure, nesting slots within slots? If so, then slots can also have layout method declarations?</div></div>
359361

360362
<div class='example'>
361-
<p>A paginated template could contain two side-by-side slots that paginate two separate articles. Side-by-side translations are often laid out this way. This example fills the left side of the paged view with content from an English article and the right side with content from a French article. New pages and slots are created until the content from both articles is exhausted. If one article is longer than the other then in this simple example template the longer article will continue taking up just its half of the page.
363+
<p>A pagination template could contain two side-by-side slots that paginate two separate articles. Side-by-side translations are often laid out this way. This example fills the left side of the paged view with content from an English article and the right side with content from a French article. New pages and slots are created until the content from both articles is exhausted. If one article is longer than the other then in this simple example template the longer article will continue taking up just its half of the page.
362364
<p>
363365
<img src="images/side-by-side-1.png" width="120" alt="side-by-side flows on a page">
364366
<span style="font-size:50px"></span>
@@ -450,15 +452,15 @@ <h2 id="conditional-templates">
450452

451453
<div class="issue-marker wrapper">
452454
<div class="issue-marker"><div class="issue-details">Instead of specifying a template-set, should there be a way of scoping @template rules to an element? The reason to put them on the document is to re-use pagination templates with multiple elements.</div></div>
453-
<div class="issue-marker"><div class="issue-details">One way of promoting re-use of paginated templates would be to parameterize the named flow idents. Instead of using named flow idents directly, @slot rules could use a parameter and a paginated element using the template would pass in the particular named flow ident meant for that parameter.</div></div>
455+
<div class="issue-marker"><div class="issue-details">One way of promoting re-use of pagination templates would be to parameterize the named flow idents. Instead of using named flow idents directly, @slot rules could use a parameter and a paginated element using the template would pass in the particular named flow ident meant for that parameter.</div></div>
454456
</div>
455457

456458
<h3 id='ordered-templates'>
457459
Selecting Templates by Page Order</h3>
458460

459461
<p>Selectors such as :first can be used on a pagination template to define a separate template for pages that match the selector.
460462

461-
<div class="issue-marker"><div class="issue-details">Should we use :left and :right and allow viewing more than one page at a time in a viewport? Should we have :nth(x) selectors?</div></div>
463+
<div class="issue-marker"><div class="issue-details">Should :left and :right be allowed with a way of displaying more than one page at a time in a viewport? Should :nth(x) selectors be allowed?</div></div>
462464

463465
<div class="issue-marker"><div class="issue-details">Describe how @template rules with selectors cascade.</div></div>
464466

0 commit comments

Comments
 (0)