[css-page] Fix some markup, add more dfns, export more dfns.

Author: tabatkins

css-page/Overview.bs

@@ -95,14 +95,14 @@ Page Terminology</h2>
 	page model:
 
 <dl>
-	<dt><dfn>Page sheet</dfn>
+	<dt><dfn export>Page sheet</dfn>
 	<dd>
 		<img src="PageSheet.png" style="float: right;" alt="The corner of a page sheet with the non-printable area at the edge and printable area inside it" height="148" 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><dfn title="printable area">Printable and non-printable areas</dfn>
+	<dt><dfn export title="printable area">Printable and non-printable areas</dfn>
 	<dd>
 		The non-printable area is the area of a page sheet that a physical device such
 		as a printer is not capable of marking reliably, usually due to the printer's
@@ -117,7 +117,7 @@ Page Terminology</h2>
 		device dependent within the constraints expressed in the sections
 		[[#renderingpages]] and [[#content-outside-box]].
 
-	<dt><dfn>Page Orientation</dfn>
+	<dt><dfn export>Page Orientation</dfn>
 	<dd>
 		The page orientation is defined by comparing the length of the edges of a
 		<a>page box</a>. The page box is a rectangle with two
@@ -127,12 +127,12 @@ Page Terminology</h2>
 		used as the long edge with the other being the short edge. This specification
 		defines page orientations of ''portrait'' and ''landscape''.
 
-	<dt><dfn title="portrait|portrait orientation">Portrait Orientation</dfn>
+	<dt><dfn export title="portrait|portrait orientation">Portrait Orientation</dfn>
 	<dd>
 		A portrait page's height is greater than or equal to its width. Horizontal
 		elements are parallel to the short edge and vertical elements to the long edge.
 
-	<dt><dfn title="landscape|landscape orientation">Landscape Orientation</dfn>
+	<dt><dfn export title="landscape|landscape orientation">Landscape Orientation</dfn>
 	<dd>
 		A landscape page's width is greater than or equal to its height. Horizontal
 		elements are parallel to the long edge and vertical elements to the short edge.
@@ -143,15 +143,15 @@ Page Terminology</h2>
 		page progression, and ease of reading when choosing between landscape and
 		reverse-landscape renderings.
 
-	<dt><dfn>Duplex Printing</dfn>
+	<dt><dfn export>Duplex Printing</dfn>
 	<dd>
 		Duplex printing prints one page box per side of a page sheet and uses both
 		sides of the page sheet. This module provides no ability to specify whether a
 		document is duplex printed, but the concept of left and right pages is based on
 		the assumption that the document is duplex printed, regardless of whether or
 		not it actually is.
 
-	<dt><dfn>Binding Edge</dfn>
+	<dt><dfn export>Binding Edge</dfn>
 	<dd>
 		The binding edge is the edge of the page box that is toward the binding if the
 		material is bound. The binding edge often has a larger margin than the opposite
@@ -161,7 +161,7 @@ Page Terminology</h2>
 		provides no method to specify the binding edge. In duplex printing, the binding
 		edge is on opposite sides of the page box for the left and right pages.
 
-	<dt><dfn>Facing Pages</dfn>
+	<dt><dfn export>Facing Pages</dfn>
 	<dd>
 		Facing pages are two sequential pages such that when the document is duplex
 		printed they are on separate sheets of paper. Typically, the earlier page will
@@ -170,14 +170,14 @@ Page Terminology</h2>
 		are vertical and adjacent when the pages are placed in their normal reading
 		orientation.
 
-	<dt><dfn>Left Page</dfn>
+	<dt><dfn export>Left Page</dfn>
 	<dd>
 		A page that would be on the left if it is part of a pair of facing pages as
 		typically laid out. Page layouts for documents using a left-to-right page
 		progression have the earlier of the facing pages on the left. Rules specific to
 		the left page can be specified using the '':left'' <a>page selector</a>.
 
-	<dt><dfn>Right Page</dfn>
+	<dt><dfn export>Right Page</dfn>
 	<dd>
 		A page that would be on the right if it is part of a pair of facing pages as
 		typically laid out. Page layouts for documents using a right-to-left page
@@ -188,7 +188,7 @@ Page Terminology</h2>
 <h2 id="page-model">The Page Model</h2>
 
 	In the paged media formatting model, the document is transferred into one
-	or more page boxes. The <dfn>page box</dfn> is a specialized CSS
+	or more page boxes. The <dfn export>page box</dfn> is a 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="http://www.w3.org/TR/CSS21/visuren.html#viewport">viewport</a>.
 	<img src="PageBox.png" style="float: right;" alt="" height="266" width="267">
@@ -205,7 +205,7 @@ Page Terminology</h2>
 
 <ul>
 	<li>
-		The content area of a page box is called the <dfn>page area</dfn>.
+		The content area of a page box is called the <dfn export>page area</dfn>.
 		The content of the document is flowed into one or more page boxes.
 		The page area acts as a container for all the boxes generated by the root
 		element and its descendants that are laid out within a given page box. The
@@ -215,7 +215,7 @@ Page Terminology</h2>
 
 	<li>
 		The margin area of a page box is divided into
-		16 <dfn>page-margin boxes</dfn>.
+		16 <dfn export>page-margin boxes</dfn>.
 		Each page-margin box has its own margin, border, padding and content areas.
 		Page-margin boxes are typically used to display running headers and footers.
 </ul>
@@ -340,7 +340,7 @@ box:
 	number of content-empty pages to honor the positioning of elements (e.g.,
 	printing 100 blank pages is probably neither the author's nor the user's
 	intent).
-	A <dfn id="content-empty">Content-empty page</dfn> is a page box whose page
+	A <dfn export id="content-empty">Content-empty page</dfn> is a page box whose page
 	area contains no printable content other than backgrounds and/or borders. A
 	page box whose page area contains generated content, or content whose
 	visibility is ''hidden'', or invisible content such as a zero-width space is
@@ -373,7 +373,7 @@ with the <a href="#left-right-first"><code>:left</code> and <code>:right</code>
 pseudo-classes</a>.
 
 Whether the first page of a document is a left page or a right page
-depends on the page progression of the document. The <dfn>page progression</dfn>
+depends on the page progression of the document. The <dfn export>page progression</dfn>
 is the direction in which the printed pages of a document would be sequenced
 when laid out side-to-side. For example, English and horizontally-set Japanese
 typically progress from left to right, whereas Arabic and vertically-set
@@ -430,14 +430,14 @@ The @page Rule</h3>
 
 	Authors can specify various aspects of a page box,
 	such as its dimensions, orientation, and margins,
-	within an ''@page'' rule.
+	within an <dfn>@page</dfn> rule.
 	''@page'' rules are allowed
 	wherever <a href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets">rule-sets</a> are allowed.
 	An ''@page'' rule consists of the keyword ''@page'',
 	an <em class="RFC2119">OPTIONAL</em> comma-separated list of
 	<a href="#page-selectors">page selectors</a>
 	and a block of declarations
-	(said to be in the <dfn id="page-context">page context</dfn>).
+	(said to be in the <dfn export id="page-context">page context</dfn>).
 	An ''@page'' rule can also contain other at-rules,
 	interleaved between declarations.
 	The current level of this specification
@@ -454,7 +454,7 @@ apply; that is, valid declarations within the block are applied.
 
 <h3 id="page-selectors">Page selectors</h3>
 
-	A <dfn id="page-selector">page selector</dfn> is made of
+	A <dfn export id="page-selector">page selector</dfn> is made of
 	either a <a>page type selector</a>
 	or a <a>page pseudo-class</a>,
 	followed by zero or more additional <a>page pseudo-classes</a>.
@@ -465,7 +465,7 @@ apply; that is, valid declarations within the block are applied.
 	A <a>page selector</a> is said to <dfn>match</dfn> a given page if and only if
 	all of its components match the page.
 
-	A <dfn>page type selector</dfn> is
+	A <dfn export>page type selector</dfn> is
 	a case-sensitive <a href="http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier">CSS identifier</a> [[!CSS21]].
 	It <a>matches</a> pages of the <a href="#using-named-pages">named page type</a>
 	generated by the 'page' property.
@@ -476,7 +476,7 @@ apply; that is, valid declarations within the block are applied.
 		but must never match.
 	</span>
 
-	A <dfn>page pseudo-class</dfn> is <a href="http://www.w3.org/TR/CSS21/syndata.html#characters">ASCII case-insensitive</a>
+	A <dfn export>page pseudo-class</dfn> is <a href="http://www.w3.org/TR/CSS21/syndata.html#characters">ASCII case-insensitive</a>
 	and has the same syntax as <a href="http://www.w3.org/TR/selectors/#pseudo-classes">pseudo-classes</a> in regular Selectors. [[!SELECT]]
 	The various <a>page pseudo-classes</a> are defined below.
 
@@ -827,16 +827,16 @@ millimeter margins and 14 point type in the page-margin boxes:
 	<div class="example">
 		Typically, a <dfn>page header</dfn> is located at the top of the page
 		in documents with a predominately horizontal writing direction
-		and on the side opposite the <a href="#binding-edge">binding edge</a>
+		and on the side opposite the <a>binding edge</a>
 		for documents with a predominately vertical writing direction.
 		One possible design of page headers for horizontally written documents uses the
 		''@top-left-corner'', ''@top-left'', ''@top-center'', ''@top-right'' and ''@top-right-corner''
 		page-margin boxes.
 		Another design, for vertically written documents, could use the
 		''@right-top'', ''@right-middle'', and ''@right-bottom'' page-margin boxes
-		for <a href="#right-page">right facing pages</a> and
+		for <a title="right page">right facing pages</a> and
 		''@left-top'', ''@left-middle'', and ''@left-bottom''
-		for <a href="#left-page">left facing pages</a>.
+		for <a title="left page">left facing pages</a>.
 
 		The <dfn>page footer</dfn> is typically at
 		the opposite end of the page from the page header.
@@ -983,11 +983,11 @@ Authors should put these rules after any declarations in the page context
 as legacy clients may not handle declarations
 after margin at-rules correctly.
 
-A <dfn id="margin-at-rule">margin at-rule</dfn> consists of an
+A <dfn id="margin-at-rule" title="@margin" at-rule>margin at-rule</dfn> consists of an
 <a href="#specializatons-of-ATKEYWORD">ATKEYWORD</a>
 that identifies the page-margin box
 (e.g. ''@top-left'') and a block of declarations (said
-to be in the <dfn id="margin-context">margin context</dfn>).
+to be in the <dfn export id="margin-context">margin context</dfn>).
 
 <div class="example">
 
@@ -1058,19 +1058,19 @@ then it must behave as if 'min-height' and 'min-width' were always zero.
 
 		<dt><dfn>available width</dfn>
 		<dd>The sum of the page’s
-			left border width, left padding, <a href="#page-box">page area</a> width,
+			left border width, left padding, <a title="page box">page area</a> width,
 			right padding, and right border width.
 			In other words, it is the distance between
-			the <a href="#page-box">page box</a>’s left right border edges.
+			the <a>page box</a>’s left right border edges.
 			This quantity is used  when calculating dimensions
 			of the top and bottom page-margin boxes.
 
 		<dt><dfn>available height</dfn>
 		<dd>The sum of the page’s
-			top border width, top padding, <a href="#page-box">page area</a> height,
+			top border width, top padding, <a title="page box">page area</a> height,
 			bottom padding, and bottom border width.
 			In other words, it is the distance between
-			the <a href="#page-box">page box</a>’s top bottom border edges.
+			the <a>page box</a>’s top bottom border edges.
 			This quantity is used when calculating dimensions
 			of the left and right page-margin boxes.
 
@@ -1669,20 +1669,17 @@ Page Size</h2>
 <h3 id="page-size-prop">
 Page size: the 'size' property</h3>
 
-	<pre class=propdef>
+	<pre class=descdef>
 	Name: size
+	For: @page
 	Value: <<length>>{1,2} | auto | [ <<page-size>> || [ portrait | landscape ] ]
 	Initial: auto
-	Applies to: page context
-	Inherited: n/a
-	Percentages: n/a
-	Media: paged
 	Computed value: specified value, with <<length>>s made absolute.
 	</pre>
 
 	This property specifies the target size and orientation of the
 	<a>page box</a>’s containing block.
-	In the general case, where one page box is rendered onto one <a href="#page-sheet">page sheet</a>,
+	In the general case, where one page box is rendered onto one <a>page sheet</a>,
 	the 'size' property also indicates the size of the destination page sheet.
 
 	The size of a page box can either be "absolute" (fixed size) or "scalable"
@@ -1740,7 +1737,7 @@ Page size: the 'size' property</h3>
 		of the <code>size</code> property is <code>4in 6in</code>.
 	</div>
 
-	<dl dfn-type=value dfn-for=size>
+	<dl dfn-type=value dfn-for="@page/size">
 		<dt><dfn>auto</dfn>
 		<dd>
 			The page box will be set to a size and orientation chosen by the UA. In the
@@ -1877,22 +1874,20 @@ Media Queries</h4>
 <h3 id="marks">
 Crop and Registration Marks: the 'marks' property</h3>
 
-	<pre class='propdef'>
+	<pre class='descdef'>
 	Name: marks
+	For: @page
 	Value: none | [ crop || cross ]
 	Initial: none
-	Applies To: page context
-	Inherited: no
 	Computed Value: as specified
-	Media: paged
 	</pre>
 
 	This property adds crop and/or registration marks to the document.
 	These are printed outside the page box to facilitate
 	the trimming and alignment of sheets of paper.
 	Values have the following meanings:
 
-	<dl dfn-type=value dfn-for=marks>
+	<dl dfn-type=value dfn-for="@page/marks">
 		<dt><dfn>none</dfn>
 			Specifies that neither crop marks nor registration marks should be printed:
 			the area outside the <a>bleed area</a> will be completely blank.
@@ -1923,22 +1918,19 @@ Crop and Registration Marks: the 'marks' property</h3>
 <h3 id="bleed">
 Bleed Area: the 'bleed' property</h3>
 
-	<pre class='propdef'>
+	<pre class='descdef'>
 	Name: bleed
+	For: @page
 	Value: auto | <<length>>
 	Initial: auto
-	Applies To: page context
-	Inherited: no
-	Percentages: N/A
 	Computed Value: as specified
-	Media: paged
 	</pre>
 
 	This property specifies the extent of the <dfn>bleed area</dfn> outside the page box;
 	in other words the extent beyond the page box at which the page rendering is clipped.
 	Values have the following meanings:
 
-	<dl dfn-for=bleed dfn-type=value>
+	<dl dfn-for="@page/bleed" dfn-type=value>
 		<dt><dfn>auto</dfn>
 		<dd>
 			Computes to ''6pt'' if 'marks' has ''crop'' and to zero otherwise.