- From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
- Date: Thu, 06 Oct 2011 00:43:58 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-page
In directory hutz:/tmp/cvs-serv1341
Modified Files:
Overview.html Overview.src.html
Log Message:
Spec that 'width' and 'height' can be used on the page box per WG resolution <http://lists.w3.org/Archives/Public/www-style/2009Mar/0063.html>
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-page/Overview.html,v
retrieving revision 1.72
retrieving revision 1.73
diff -u -d -r1.72 -r1.73
--- Overview.html 25 Oct 2010 07:38:26 -0000 1.72
+++ Overview.html 6 Oct 2011 00:43:56 -0000 1.73
@@ -87,14 +87,14 @@
<h1>CSS Paged Media Module Level 3</h1>
- <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 25 October 2010</h2>
+ <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 6 October 2011</h2>
<dl>
<dt>This version:
<dd><a
href="http://dev.w3.org/csswg/css3-page/">http://dev.w3.org/csswg/css3-page/</a></dd>
- <!-- <dd><a href="http://www.w3.org/TR/2010/ED-css3-page-20101025">http://www.w3.org/TR/2010/WD-css3-page-20101025</a></dd> -->
+ <!-- <dd><a href="http://www.w3.org/TR/2011/ED-css3-page-20111006/">http://www.w3.org/TR/2011/WD-css3-page-20111006</a></dd> -->
<dt>Latest version:
@@ -117,14 +117,14 @@
<!--begin-copyright-->
<p class=copyright><a
href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
- rel=license>Copyright</a> © 2010 <a
- href="http://www.w3.org/"><acronym title="World Wide Web
- Consortium">W3C</acronym></a><sup>®</sup> (<a
- href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute
- of Technology">MIT</acronym></a>, <a
- href="http://www.ercim.eu/"><acronym title="European Research Consortium
- for Informatics and Mathematics">ERCIM</acronym></a>, <a
- href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
+ rel=license>Copyright</a> © 2011 <a
+ href="http://www.w3.org/"><acronym
+ title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a
+ href="http://www.csail.mit.edu/"><acronym
+ title="Massachusetts Institute of Technology">MIT</acronym></a>, <a
+ href="http://www.ercim.eu/"><acronym
+ title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>,
+ <a href="http://www.keio.ac.jp/">Keio</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>
@@ -178,10 +178,11 @@
href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of
the W3C Patent Policy</a>.</p>
<!--end-status-->
- <p>This document contains the <abbr title="Cascading Style
- Sheets">CSS3</abbr> Paged Media Module W3C Last Call <a
- href="/2005/10/Process-20051014/tr.html#RecsWD">Working Draft</a> of 25
- October 2010. The Last Call period ends on <span class=fudge>TBD</span>.</p>
+ <p>This document contains the <abbr
+ title="Cascading Style Sheets">CSS3</abbr> Paged Media Module W3C Last
+ Call <a href="/2005/10/Process-20051014/tr.html#RecsWD">Working Draft</a>
+ of 6 October 2011. The Last Call period ends on <span
+ class=fudge>TBD</span>.</p>
<p>Relative to the previous Last Call Working Draft, this version has
dropped the formerly named ‘<code class=property>fit</code>’
@@ -282,7 +283,7 @@
</span>Margin boxes and default values</a>
</ul>
- <li><a href="#page-size"><span class=secno>8. </span>Page size</a>
+ <li><a href="#page-size"><span class=secno>8. </span>Page Size</a>
<ul class=toc>
<li><a href="#page-size-prop"><span class=secno>8.1. </span>Page size:
the ‘<code class=property>size</code>’ property</a>
@@ -430,11 +431,11 @@
<dl>
<dt id=page-sheet>Page sheet
- <dd><img alt="The corner of a page sheet with the non-printable area at
- the edge and printable area inside it" height=148 src=PageSheet.png
- style="float: right;" width=194>The page sheet is one surface of the
- physical medium. The illustration to the right shows a representation of
- the upper-left corner of a page sheet.
+ <dd><img
+ alt="The corner of a page sheet with the non-printable area at the edge and printable area inside it"
+ height=148 src=PageSheet.png style="float: right;" width=194>The page
+ sheet is one surface of the physical medium. The illustration to the
+ right shows a representation of the upper-left corner of a page sheet.
<dt id=printable-area>Printable and non-printable areas
@@ -537,12 +538,11 @@
specialized CSS box that maps to a rectangular print media surface, such
as a page of paper. It is roughly analogous to the <a
href="/TR/CSS21/visuren.html#viewport">viewport</a>. <img alt=""
- height=266 src=PageBox.png style="float: right;" width=267> As with other
- CSS <a href="/TR/CSS21/box.html">boxes</a>, a page box consists of
- margin, border, padding, and content areas. The containing block of the
- page box is the rectangle that coincides with its margin edges.
+ height=266 src=PageBox.png style="float: right;" width=267>
- <p>The content and margin areas of a page box have special functions:</p>
+ <p>As with other CSS <a href="/TR/CSS21/box.html">boxes</a>, a page box
+ consists of margin, border, padding, and content areas. The content and
+ margin areas of a page box have special functions:</p>
<ul>
<li>The content area of a page box is called the <dfn id=page-area>page
@@ -565,16 +565,9 @@
within the <dfn id=page-context0><a href="#page-context">page
context</a></dfn>, which is the <a
href="/TR/CSS21/syndata.html#x14">declaration block</a> of the <a
- href="#page"><code>@page</code></a> rule. Page boxes differ from other
- boxes in that the <span class=property>‘<code
- class=property>width</code>’</span> and <span
- class=property>‘<code class=property>height</code>’</span>
- properties do not apply to a page box. The size of the page box is
- specified using the <span class=property>‘<a href="#size"><code
- class=property>size</code></a>’</span> property in the page
- context.</p>
+ href="#page"><code>@page</code></a> rule.
- <p>Declarations in the page context affect the page box and/or can inherit
+ <p>Declarations in the page context can affect the page box and/or inherit
to the margin boxes, but they do not apply to or inherit into the
document's root element or other content.</p>
@@ -860,24 +853,30 @@
RIGHTMIDDLE_SYM ::= "@right-middle"
RIGHTBOTTOM_SYM ::= "@right-bottom"
-<span id=syntax-prod-media>media</span> :
+<span
+ id=syntax-prod-media>media</span> :
MEDIA_SYM S* medium [ COMMA S* medium ]* LBRACE S* [ page | ruleset ]* '}' S*
;
-<a href="#page" id=syntax-prod-page>page</a> :
+<a
+ href="#page" id=syntax-prod-page>page</a> :
PAGE_SYM S* IDENT? S* pseudo_page? S*
'{' S* [ margin_box | ruleset ]? [ ';' S* [ margin_box | ruleset ]? ]* '}' S*
;
-<span class=issue>Space should not be allowed between name and pseudo.</span>
-<span id=syntax-prod-pseudo-page>pseudo_page</span> :
+<span
+ class=issue>Space should not be allowed between name and pseudo.</span>
+<span
+ id=syntax-prod-pseudo-page>pseudo_page</span> :
':' [ "left" | "right" | "first" ]
;
-<span id=syntax-prod-margin>margin_box</span> :
+<span
+ id=syntax-prod-margin>margin_box</span> :
margin_sym S* '{' ruleset* '}' S*
;
-<span id=syntax-prod-margin-sym>margin_sym</span> :
+<span
+ id=syntax-prod-margin-sym>margin_sym</span> :
TOPLEFTCORNER_SYM |
TOPLEFT_SYM |
TOPCENTER_SYM |
@@ -1082,8 +1081,8 @@
above the page area in both portrait and landscape orientation. The
various margin boxes are defined and illustrated in the diagram below:
- <table class=data id=margin-box-def summary="defintion of each of the
- margin boxes">
+ <table class=data id=margin-box-def
+ summary="defintion of each of the margin boxes">
<caption>Table 1 Margin Box Definitions</caption>
<thead>
@@ -1101,8 +1100,8 @@
<td>a fixed-size box defined by the intersection of the top and left
margins of the page box
- <td><img alt="the top left corner box with margin, border, and padding,
- nested within intersection of the page's top and left margins"
+ <td><img
+ alt="the top left corner box with margin, border, and padding, nested within intersection of the page's top and left margins"
height=47 src=TopLeftCornerBox.png width=181>
<tr id=top-left-box-def>
@@ -1111,9 +1110,9 @@
<td>a variable-width box filling the top page margin between the
top-left-corner and top-center margin boxes
- <td><img alt="the top left box with margin, border, and padding, nested
- in the page's top margin next to the top left corner box" height=47
- src=TopLeftMarginBox.png width=181>
+ <td><img
+ alt="the top left box with margin, border, and padding, nested in the page's top margin next to the top left corner box"
+ height=47 src=TopLeftMarginBox.png width=181>
<tr id=top-center-box-def>
<th>top-center
@@ -1122,9 +1121,9 @@
and right border edges and filling the page top margin between the
top-left and top-right margin boxes
- <td><img alt="the top center box with margin, border, and padding,
- centered within the page's top margin" height=47
- src=TopCenterMarginBox.png width=181>
+ <td><img
+ alt="the top center box with margin, border, and padding, centered within the page's top margin"
+ height=47 src=TopCenterMarginBox.png width=181>
<tr id=top-right-box-def>
<th>top-right
@@ -1132,9 +1131,9 @@
<td>a variable-width box filling the top page margin between the
top-center and top-right-corner margin boxes
- <td><img alt="the top right box with margin, border, and padding,
- nested within the page's top margin" height=47
- src=TopRightMarginBox.png width=181>
+ <td><img
+ alt="the top right box with margin, border, and padding, nested within the page's top margin"
+ height=47 src=TopRightMarginBox.png width=181>
<tr>
<th id=top-right-corner-box-def>top-right-corner
@@ -1142,9 +1141,9 @@
<td>a fixed-size box defined by the intersection of the top and right
margins of the page box
- <td><img alt="the top right corner box with margin, border, and
- padding, nested within the intersection of the page's top and right
- margin" height=47 src=TopRightCornerMarginBox.png width=181>
+ <td><img
+ alt="the top right corner box with margin, border, and padding, nested within the intersection of the page's top and right margin"
+ height=47 src=TopRightCornerMarginBox.png width=181>
<tr id=left-margin-boxes-def>
<th id=left-top-box-def>left-top
@@ -1152,9 +1151,9 @@
<td>a variable-height box filling the left page margin between the
top-left-corner and left-middle margin boxes
- <td rowspan=3><img alt="left-top, left-middle, and left-bottom margin
- boxes in the page box's left margin" height=226
- src=LeftMarginBoxes.png width=181>
+ <td rowspan=3><img
+ alt="left-top, left-middle, and left-bottom margin boxes in the page box's left margin"
+ height=226 src=LeftMarginBoxes.png width=181>
<tr id=left-middle-box-def>
<th>left-middle
@@ -1175,9 +1174,9 @@
<td>a variable-height box filling the right page margin between the
top-right-corner and right-middle margin boxes
- <td rowspan=3><img alt="right-top, right-middle, and right-bottom
- margin boxes in the page box's right margin" height=226
- src=RightMarginBoxes.png width=181>
+ <td rowspan=3><img
+ alt="right-top, right-middle, and right-bottom margin boxes in the page box's right margin"
+ height=226 src=RightMarginBoxes.png width=181>
<tr id=right-middle-box-def>
<th>right-middle
@@ -1198,9 +1197,9 @@
<td>a fixed-size box defined by the intersection of the bottom and left
margins of the page box
- <td><img alt="bottom left corner box with margin, border, and padding,
- nested within the page margin at the intersection of the left and
- bottom page margins" height=48 src=BottomLeftCornerBox.png width=181>
+ <td><img
+ alt="bottom left corner box with margin, border, and padding, nested within the page margin at the intersection of the left and bottom page margins"
+ height=48 src=BottomLeftCornerBox.png width=181>
<tr id=bottom-left-box-def>
<th>bottom-left
@@ -1208,9 +1207,9 @@
<td>a variable-width box filling the bottom page margin between the
bottom-left-corner and bottom-center margin boxes
- <td><img alt="bottom left margin box with margin, border, and padding,
- nested within the page's bottom margin next to the bottom-left-corner
- box" height=48 src=BottomLeftMarginBox.png width=181>
+ <td><img
+ alt="bottom left margin box with margin, border, and padding, nested within the page's bottom margin next to the bottom-left-corner box"
+ height=48 src=BottomLeftMarginBox.png width=181>
<tr id=bottom-center-box-def>
<th>bottom-center
@@ -1219,10 +1218,9 @@
and right border edges and filling the bottom page margin between the
bottom-left and bottom-right margin boxes
- <td style="vertical-align: middle;"><img alt="bottom center box with
- margin, border, and padding, nested within the page's bottom margin
- and centered on the page" height=48 src=BottomCenterMarginBox.png
- width=181>
+ <td style="vertical-align: middle;"><img
+ alt="bottom center box with margin, border, and padding, nested within the page's bottom margin and centered on the page"
+ height=48 src=BottomCenterMarginBox.png width=181>
<tr id=bottom-right-box-def>
<th>bottom-right
@@ -1230,10 +1228,9 @@
<td>a variable-width box filling the bottom page margin between the
bottom-center and bottom-right-corner margin boxes
- <td><img alt="bottom right margin box with margin, border, and padding,
- nested within the page's bottom margin and next to the
- bottom-right-corner box" height=48 src=BottomRightMarginBox.png
- width=181>
+ <td><img
+ alt="bottom right margin box with margin, border, and padding, nested within the page's bottom margin and next to the bottom-right-corner box"
+ height=48 src=BottomRightMarginBox.png width=181>
<tr id=bottom-right-corner-box-def>
<th>bottom-right-corner
@@ -1241,9 +1238,9 @@
<td>a fixed-size box defined by the intersection of the bottom and
right margins of the page box
- <td><img alt="bottom right corner box with margin, border, and padding,
- nested within the page margin at the intersection of the right and
- bottom page margins" height=48 src=BottomRightCornerBox.png width=181>
+ <td><img
+ alt="bottom right corner box with margin, border, and padding, nested within the page margin at the intersection of the right and bottom page margins"
+ height=48 src=BottomRightCornerBox.png width=181>
</table>
<h3 id=margin-at-rules><span class=secno>6.1. </span>At-rules for margin
@@ -1639,9 +1636,8 @@
<h2 id=page-properties><span class=secno>7. </span>Page Properties</h2>
<div>
- <p>The following properties can be used in the <a
- href="#page-context">page context</a> to style the appearance of the
- page box and margin boxes:</p>
+ <p>The following properties, when used in the <a
+ href="#page-context">page context</a>, apply to the page box:</p>
<ul>
<li><a href="/TR/CSS21/colors.html#background-properties">background
@@ -1675,11 +1671,8 @@
<li><a href="/TR/CSS21/visufx.html#visibility">visibility</a>
</ul>
- <p>That is, the margin boxes inherit values for inheritable properties
- from the page context.</p>
-
- <p>The following properties can be used in the <a
- href="#margin-at-rule">margin context</a> to style margin boxes and
+ <p>The following properties, when used in a <a
+ href="#margin-at-rule">margin context</a>, apply to margin boxes and
their content:</p>
<ul>
@@ -1776,13 +1769,11 @@
and bottom values, percentages are relative to the height of the
containing block.
- <li>The <span class=property>‘<code
- class=property>width</code>’</span> and <span
- class=property>‘<code class=property>height</code>’</span>
- properties do not apply to the page box. For margin boxes their used
- values are calculated as described in the <a
- href="#margin-box-dimensions">Computing Margin Box Dimensions</a>
- section.
+ <li>The used values of ‘<code class=property>width</code>’
+ and ‘<code class=property>height</code>’ have special
+ computation rules for page boxes and margin boxes; see <a
+ href="#page-size">Page Size</a> and <a
+ href="#margin-box-dimensions">Computing Margin Box Dimensions</a>.
<li>The page background covers the entire page box, including the page
margins. Background images are positioned as for any other box, by
@@ -1891,8 +1882,8 @@
must behave as though the values in the following table were established
by rules in the UA default style sheet.</p>
- <table class=data id=margin-values summary="definition of margin box
- default properties">
+ <table class=data id=margin-values
+ summary="definition of margin box default properties">
<caption>Table 2. Default values for Margin Boxes</caption>
<thead>
@@ -2032,7 +2023,7 @@
</pre>
</div>
- <h2 id=page-size><span class=secno>8. </span>Page size</h2>
+ <h2 id=page-size><span class=secno>8. </span>Page Size</h2>
<p>People around the world use many different paper sizes. It is a goal
of this specification that web content should be adaptable to a range of
@@ -2052,6 +2043,19 @@
‘<a href="#size"><code class=property>size</code></a>’
property</h3>
+ <p>The containing block of the page box is specified using the ‘<a
+ href="#size"><code class=property>size</code></a>’ property in the
+ <a href="#page-context"><i>page context</i></a>. The width and
+ horizontal margins of the page box are then calculated exactly as for a
+ <a
+ href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">non-replaced
+ block element in normal flow</a>. <a href="#CSS21"
+ rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> The height and vertical
+ margins of the page box are calculated analogously (instead of using the
+ block height formulas). In both cases if the values are
+ over-constrained, instead of ignoring any margins, the containing block
+ is resized to coincide with the margin edges of the page box.
+
<table class=propdef summary="definition of the size property">
<tbody>
<tr>
@@ -2096,7 +2100,7 @@
<td>specified value
</table>
- <p>This property specifies the size and orientation of the <a
+ <p>This property specifies the target size and orientation of the <a
href="#page-box">page box</a>. In the general case, where one page box
is rendered onto one <a href="#page-sheet">page sheet</a>, the <span
class=property>‘<a href="#size"><code
@@ -3120,6 +3124,20 @@
<tbody>
<tr>
+ <td rowspan=3><a
+ href="/TR/CSS21/visudet.html#the-height-property">height</a> <a
+ href="/TR/CSS21/visudet.html#min-max-heights">properties</a>
+
+ <td>height
+
+ <tr>
+ <td>min-height
+
+ <tr>
+ <td>max-height
+
+ <tbody>
+ <tr>
<td colspan=2><a
href="/TR/CSS21/visudet.html#line-height">line-height</a>
@@ -3213,6 +3231,20 @@
<tr>
<td colspan=2><a
href="/TR/CSS21/visufx.html#visibility">visibility</a>
+
+ <tbody>
+ <tr>
+ <td rowspan=3><a
+ href="/TR/CSS21/visudet.html#the-width-property">width</a> <a
+ href="/TR/CSS21/visudet.html#min-max-widths">properties</a>
+
+ <td>width
+
+ <tr>
+ <td>min-width
+
+ <tr>
+ <td>max-width
</table>
<p>Properties that apply to the margin boxes can also be set within the
@@ -3535,17 +3567,17 @@
<h3 class=no-num id=normative-references>Normative References</h3>
<!--begin-normative--> <!-- Sorted by label -->
<dl class=bibliography>
- <dt style="display:
- none"><!-- keeps the doc valid if the DL is empty --> <!---->
+ <dt
+ style="display: none"><!-- keeps the doc valid if the DL is empty -->
+ <!---->
<dt id=CSS21>[CSS21]
<dd>Bert Bos; et al. <a
- href="http://www.w3.org/TR/2009/CR-CSS2-20090908"><cite>Cascading Style
- Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 8
- September 2009. W3C Candidate Recommendation. (Work in progress.) URL:
- <a
- href="http://www.w3.org/TR/2009/CR-CSS2-20090908">http://www.w3.org/TR/2009/CR-CSS2-20090908</a>
+ href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading
+ Style Sheets Level 2 Revision 1 (CSS 2.1)
+ Specification.</cite></a> 7 June 2011. W3C Recommendation. URL: <a
+ href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a>
</dd>
<!---->
@@ -3572,22 +3604,24 @@
<h3 class=no-num id=informative-references>Informative References</h3>
<!--begin-informative--> <!-- Sorted by label -->
<dl class=bibliography>
- <dt style="display:
- none"><!-- keeps the doc valid if the DL is empty --> <!---->
+ <dt
+ style="display: none"><!-- keeps the doc valid if the DL is empty -->
+ <!---->
<dt id=CSS3TEXTLAYOUT>[CSS3TEXTLAYOUT]
- <dd>Elika J. Etemad; Paul Nelson. <cite>CSS3 Text Layout Module.</cite>
- (forthcoming). W3C Working Draft. (Work in progress.)</dd>
+ <dd>Elika J. Etemad; Koji Ishii; Shinyu Murakami. <cite>CSS Writing
+ Modes Module.</cite> (forthcoming). W3C Working Draft. (Work in
+ progress.)</dd>
<!---->
<dt id=MEDIAQ>[MEDIAQ]
- <dd>Daniel Glazman; et al. <a
- href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727"><cite>Media
+ <dd>Håkon Wium Lie; et al. <a
+ href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/"><cite>Media
Queries.</cite></a> 27 July 2010. W3C Candidate Recommendation. (Work
in progress.) URL: <a
- href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727">http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727</a>
+ href="http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/">http://www.w3.org/TR/2010/CR-css3-mediaqueries-20100727/</a>
</dd>
<!---->
</dl>
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-page/Overview.src.html,v
retrieving revision 1.74
retrieving revision 1.75
diff -u -d -r1.74 -r1.75
--- Overview.src.html 25 Oct 2010 07:38:26 -0000 1.74
+++ Overview.src.html 6 Oct 2011 00:43:56 -0000 1.75
@@ -296,11 +296,10 @@
box that maps to a rectangular print media surface, such as a page of paper.
It is roughly analogous to the <a href="/TR/CSS21/visuren.html#viewport">viewport</a>.
<img src="PageBox.png" style="float: right;" alt="" height="266" width="267">
-As with other CSS <a href="/TR/CSS21/box.html">boxes</a>, a page box consists
-of margin, border, padding, and content areas. The containing block of the page
-box is the rectangle that coincides with its margin edges.
-<p>The content and margin areas of a page box have special functions:</p>
+<p>As with other CSS <a href="/TR/CSS21/box.html">boxes</a>, a page box
+consists of margin, border, padding, and content areas. The content and
+margin areas of a page box have special functions:</p>
<ul>
<li>The content area of a page box is called the <dfn id="page-area">page
@@ -315,12 +314,13 @@
boxes are typically used to display running headers and footers.</li>
</ul>
-<p>The properties of a <dfn>page box</dfn> are determined by properties <a href="/TR/CSS21/syndata.html#declaration">declared</a> within the <dfn><a href="#page-context">page context</a></dfn>, which is the <a href="/TR/CSS21/syndata.html#x14">declaration block</a> of the <code>@page</code>
-rule. Page boxes differ from other boxes in that the <span class="property">'width'</span> and <span class="property">'height'</span> properties
-do not apply to a page box. The size of the page box is specified using the
-<span class="property">'size'</span> property in the page context.</p>
+<p>The properties of a <dfn>page box</dfn> are determined by properties
+<a href="/TR/CSS21/syndata.html#declaration">declared</a> within the
+<dfn><a href="#page-context">page context</a></dfn>, which is the
+<a href="/TR/CSS21/syndata.html#x14">declaration block</a> of the
+<code>@page</code> rule.
-<p>Declarations in the page context affect the page box and/or can inherit
+<p>Declarations in the page context can affect the page box and/or inherit
to the margin boxes, but they do not apply to or inherit into the
document's root element or other content.</p>
@@ -1175,8 +1175,8 @@
<h2 id="page-properties">Page Properties</h2>
<div>
-<p>The following properties can be used in the <a href="#page-context">page
-context</a> to style the appearance of the page box and margin boxes:</p>
+<p>The following properties, when used in the <a href="#page-context">page
+context</a>, apply to the page box:</p>
<ul>
<li><a href="/TR/CSS21/colors.html#background-properties">background properties</a></li>
@@ -1195,11 +1195,8 @@
<li><a href="/TR/CSS21/visufx.html#visibility">visibility</a></li>
</ul>
-<p>That is, the margin boxes inherit values for inheritable properties from the
-page context.</p>
-
-<p>The following properties can be used in the <a href="#margin-at-rule">margin
-context</a> to style margin boxes and their content:</p>
+<p>The following properties, when used in a <a href="#margin-at-rule">margin
+context</a>, apply to margin boxes and their content:</p>
<ul>
<li><a href="/TR/CSS21/colors.html#background-properties">background properties</a>
@@ -1229,6 +1226,7 @@
<p>Other properties defined by [[!CSS21]] do not apply in these contexts. Behavior
for properties not included in CSS 2.1 and not listed here or in Appendix A is
undefined.</p>
+
<p class="note">
Note: The intent of leaving other properties undefined is to allow the gradual
addition of appropriate CSS3 properties as they emerge, without having to
@@ -1261,10 +1259,9 @@
dimensions of the containing block. For right and left values, percentages are
relative to the width of the containing block; for top and bottom values,
percentages are relative to the height of the containing block.</li>
- <li>The <span class="property">'width'</span> and <span class="property">'height'</span>
- properties do not apply to the page box. For margin boxes their used values are
- calculated as described in the <a href="#margin-box-dimensions">Computing Margin
- Box Dimensions</a> section.</li>
+ <li>The used values of 'width' and 'height' have special computation rules
+ for page boxes and margin boxes; see <a href="#page-size">Page Size</a>
+ and <a href="#margin-box-dimensions">Computing Margin Box Dimensions</a>.
<li>The page background covers the entire page box, including the page margins.
Background images are positioned as for any other box, by default anchored
within the page area (i.e. the page box's content box); however if
@@ -1454,7 +1451,7 @@
</pre>
</div>
-<h2 id="page-size">Page size</h2>
+<h2 id="page-size">Page Size</h2>
<p>People around the world use many different paper sizes. It is a goal of this
specification that web content should be adaptable to a range of different
@@ -1467,6 +1464,17 @@
which allow different style sheets to be applied to different page sizes.</p>
<h3 id="page-size-prop">Page size: the 'size' property</h3>
+
+<p>The containing block of the page box is specified using the 'size'
+property in the <i>page context</i>. The width and horizontal margins
+of the page box are then calculated exactly as for a
+<a href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">non-replaced
+block element in normal flow</a>. [[!CSS21]] The height and vertical margins
+of the page box are calculated analogously (instead of using the block height
+formulas). In both cases if the values are over-constrained, instead of
+ignoring any margins, the containing block is resized to coincide with the
+margin edges of the page box.
+
<table class="propdef" summary="definition of the size property">
<tr>
<th>Name:
@@ -1494,7 +1502,7 @@
<td>specified value
</table>
-<p>This property specifies the size and orientation of the
+<p>This property specifies the target size and orientation of the
<a href="#page-box">page box</a>. In the general case, where one
page box is rendered onto one <a href="#page-sheet">page sheet</a>, the
<span class="property">'size'</span> property also indicates the size of the
@@ -2181,6 +2189,11 @@
<tr><td>font-weight
<tr><td>font
<tbody>
+ <tr><td rowspan="3"><a href="/TR/CSS21/visudet.html#the-height-property">height</a> <a href="/TR/CSS21/visudet.html#min-max-heights">properties</a>
+ <td>height
+ <tr><td>min-height
+ <tr><td>max-height
+ <tbody>
<tr><td colspan="2"><a href="/TR/CSS21/visudet.html#line-height">line-height</a>
<tbody>
<tr><td rowspan="5"><a href="/TR/CSS21/box.html#margin-properties">margin properties</a>
@@ -2216,6 +2229,11 @@
<tr><td>word-spacing
<tbody>
<tr><td colspan="2"><a href="/TR/CSS21/visufx.html#visibility">visibility</a>
+ <tbody>
+ <tr><td rowspan="3"><a href="/TR/CSS21/visudet.html#the-width-property">width</a> <a href="/TR/CSS21/visudet.html#min-max-widths">properties</a>
+ <td>width
+ <tr><td>min-width
+ <tr><td>max-width
</table>
<p>Properties that apply to the margin boxes can also be set within
Received on Thursday, 6 October 2011 00:44:06 UTC