Define "paged" and "continuous" media

Closes #5019

Author: frivoal

css-break-3/Overview.bs

@@ -22,19 +22,20 @@ At Risk: the ''region'' and ''break-after/avoid-region'' values of 'break-*'
 <h2 id="intro">
 Introduction</h2>
 
+<div class=non-normative>
   <p><em>This section is not normative.</em></p>
   <p>
-    In paged media (e.g., paper, transparencies, photo album pages, pages
+    In [=paged media=] (e.g., paper, transparencies, photo album pages, pages
     displayed on computer screens as printed output simulations), as
-    opposed to <a href="https://www.w3.org/TR/CSS2/media.html#continuous-media-group">
-    continuous media</a>, the content of the document is split into one or
+	opposed to [=continuous media=],
+	the content of the document is split into one or
     more discrete display surfaces. In order to avoid awkward breaks
     (such as halfway through a line of text), the layout engine must be
     able to shift around content that would fall across the page break.
     This process is called <dfn export>pagination</dfn>.
   </p>
   <p>
-    In CSS, in addition to paged media, certain layout features such as
+    In CSS, in addition to [=paged media=], certain layout features such as
     <a href="https://www.w3.org/TR/css3-regions/">regions</a> [[CSS3-REGIONS]]
     and <a href="https://www.w3.org/TR/css3-multicol/">multi-column layout</a>
     [[CSS3COL]] create a similarly fragmented environment.
@@ -44,6 +45,7 @@ Introduction</h2>
     such as pages and columns and how such breaks can be
     <a href="#breaking-controls">controlled by the author</a>.
   </p>
+</div>
 
 <h3 id="placement">
 Module Interactions</h3>
@@ -86,7 +88,7 @@ Fragmentation Model and Terminology</h2>
       An ordered series of <a>fragmentainers</a>,
       such as created by a <a href="https://www.w3.org/TR/css3-multicol/">multi-column container</a>,
       a chain of <a href="https://www.w3.org/TR/css3-regions">CSS regions</a>,
-      or a <a href="https://www.w3.org/TR/css3-page/">paged media display</a>.
+      or a [=paged media=] display.
       A given fragmentation context can only have one block flow direction
       across all its <a>fragmentainers</a>.
       (Descendants of the <a>fragmentation root</a> may have other block flow directions,

css-break-4/Overview.bs

@@ -21,12 +21,13 @@ At Risk: the ''break-before/all'' value of 'break-before'/'break-after'
 <h2 id="intro">
 Introduction</h2>
 
+<div class=non-normative>
 	<em>This section is not normative.</em>
 
-	In paged media
+	In [=paged media=]
 	(e.g., paper, transparencies, photo album pages,
 	 pages displayed on computer screens as printed output simulations),
-	as opposed to <a href="https://www.w3.org/TR/CSS2/media.html#continuous-media-group">continuous media</a>,
+	as opposed to [=continuous media=],
 	the content of the document is split into
 	one or more discrete display surfaces.
 	In order to avoid awkward breaks
@@ -35,7 +36,7 @@ Introduction</h2>
 	that would fall across the page break.
 	This process is called <dfn export>pagination</dfn>.
 
-	In CSS, in addition to paged media,
+	In CSS, in addition to [=paged media=],
 	certain layout features such as
 	<a href="https://www.w3.org/TR/css3-regions/">regions</a> [[CSS3-REGIONS]]
 	and <a href="https://www.w3.org/TR/css-multicol-1/">multi-column layout</a> [[CSS-MULTICOL-1]]
@@ -52,6 +53,7 @@ Introduction</h2>
 	except for the addition of the 'margin-break' property
 	and the ''break-before/always'' and ''break-before/all'' values
 	of the 'break-before' and 'break-after' properties.
+</div>
 
 <h3 id="placement">
 Module Interactions</h3>
@@ -94,7 +96,7 @@ Fragmentation Model and Terminology</h2>
 		An ordered series of <a>fragmentainers</a>,
 		such as created by a <a href="https://www.w3.org/TR/css-multicol-1/">multi-column container</a>,
 		a chain of <a href="https://www.w3.org/TR/css3-regions">CSS regions</a>,
-		or a <a href="https://www.w3.org/TR/css-page-3/">paged media display</a>.
+		or a [=paged media=] display.
 		A given fragmentation context can only have one block flow direction
 		across all its <a>fragmentainers</a>.
 		(Descendants of the <a>fragmentation root</a> may have other block flow directions,

css-device-adapt-1/Overview.bs

@@ -22,11 +22,12 @@ Ignored Vars: <viewport-length>
 <h2 id="intro">
 Introduction</h2>
 
+<div class=non-normative>
 <em>This section is not normative.</em>
 
 CSS 2.1 [[!CSS21]] specifies an
 <a href="https://www.w3.org/TR/CSS21/visudet.html#containing-block-details">
-initial containing block</a> for continuous media that has the dimensions
+initial containing block</a> for [=continuous media=] that has the dimensions
 of the <a href="https://www.w3.org/TR/CSS21/visuren.html#viewport">
 viewport</a>. Since the viewport is generally no larger than the display,
 devices with smaller displays such as phones or tablets typically present
@@ -61,6 +62,7 @@ for a good discussion of these issues.
 
 Issue: Various issues about this specification and related specifications
 are listed in <a href="https://www.w3.org/Graphics/SVG/WG/wiki/Proposals/Investigation_of_APIs_for_Level_of_detail#The_issues_on_existing_APIs">this report</a>.
+</div>
 
 <h2 id="scenarios">
 Motivating Scenarios</h2>
@@ -135,12 +137,13 @@ Value types are defined in [[!CSS3VAL]].
 The viewport</h2>
 
 In CSS 2.1 a <a href="https://www.w3.org/TR/CSS21/visuren.html#viewport">viewport</a>
-is a feature of a user agent for continuous media and used to
-establish the initial containing block for continuous media. For paged
-media, the initial containing block is based on the page area. The
-page area can be set through ''@page'' rules. Hence, ''@viewport''
-applies to continuous media, and ''@page'' to paged media, and they
-will not interact or conflict.
+is a feature of a user agent for [=continuous media=] and used to
+establish the initial containing block for [=continuous media=].
+For [=paged media=], the initial containing block is based on the page area.
+The page area can be set through ''@page'' rules.
+Hence, ''@viewport'' applies to [=continuous media=],
+and ''@page'' to [=paged media=],
+and they will not interact or conflict.
 
 This specification introduces a way of overriding the size of the viewport
 provided by the user agent (UA). Because of this, we need to introduce the

css-display-3/Overview.bs

@@ -1078,8 +1078,8 @@ Appendix A: Glossary</h2>
 		<dt><dfn>initial containing block</dfn>
 		<dd>
 			The <a>containing block</a> of the root element.
-			See <a href="https://www.w3.org/TR/CSS2/visudet.html#containing-block-details">CSS2.1&sect;10.1</a> for continuous media;
-			and [[!CSS3PAGE]] for paged media.
+			See <a href="https://www.w3.org/TR/CSS2/visudet.html#containing-block-details">CSS2.1&sect;10.1</a> for [=continuous media=];
+			and [[!CSS3PAGE]] for [=paged media=].
 
 		<dt><dfn>formatting context</dfn>
 		<dd>

css-line-grid-1/Overview.bs

@@ -243,7 +243,7 @@ Defining a <dfn>Line Grid</dfn>: the 'line-grid' property</h2>
 	has a value of ''match-parent'',
 	then it adopts the <a>line grid</a> of the initial containing block.
 
-	In paged media,
+	In [=paged media=],
 	if the page context applying to a particular page
 	specifies ''line-grid: create'',
 	then a <a>line grid</a> for that page is established

css-multicol-1/Overview.bs

@@ -650,7 +650,7 @@ Two assumptions are being made by the pseudo-algorithm:
 	the UA must floor the column size to a UA-specified value to avoid division by zero. 
 	It is suggested that this floor be 1px or less.
 
-	In fragmented contexts such as in paged media, 
+	In fragmented contexts such as in [=paged media=],
 	user agents may perform this calculation on a per-fragment basis.
 
 	The used value for 'column-count' is calculated without regard for explicit column breaks or constrained column heights,
@@ -1207,7 +1207,7 @@ h2 {
 
 	<div class="example">
 		In fragmented contexts spanning elements are honored in all fragments.
-		In this example, we are in paged media, 
+		In this example, we are in [=paged media=],
 		and the first three paragraphs have column breaks after them.
 		A spanning <code>H2</code> element appears after the fourth paragraph.
 
@@ -1542,7 +1542,7 @@ Pagination and Overflow Outside Multicol Containers</h3>
 	</div>
 
 	<div class="example">
-		In paged media, extra columns are shown on the next page.
+		In [=paged media=], extra columns are shown on the next page.
 		Given the same code as the previous example,
 		the last paragraph appears on the second page.
 		This would appear on the first page:

css-overflow-3/Overview.bs

@@ -462,7 +462,7 @@ Overflow in Print and Other Static Media</h3>
 	such as by displaying scrollbars
 	or an ellipsis.
 
-	Note: Not all paged media is non-interactive
+	Note: Not all [=paged media=] is non-interactive
 	for example, e-book readers page content,
 	but are interactive.
 

css-page-3/Overview.bs

@@ -73,9 +73,10 @@ spec:css2; type: property
 <h2 id="intro">
 Introduction</h2>
 
+<div class=non-normative>
 	Paged media (e.g., paper, transparencies, photo album pages, pages
 	displayed on computer screens as printed output simulations) differ from
-	<a href="https://www.w3.org/TR/CSS2/media.html#continuous-media-group">continuous media</a>
+	[=continuous media=]
 	in that the content of the document is split into one or more discrete
 	static display surfaces. To handle pages, CSS3 Paged Media describes how:
 
@@ -101,6 +102,7 @@ Introduction</h2>
 	All properties defined in this specification also accept the
 	<a href="https://www.w3.org/TR/CSS2/cascade.html#value-def-inherit">inherit</a>
 	keyword as their value, but for readability it has not been listed explicitly.
+</div>
 
 <h3 id="values">
 Value Definitions</h3>
@@ -214,7 +216,7 @@ Page Terminology</h2>
 
 <h2 id="page-model">The Page Model</h2>
 
-	In the paged media formatting model, the document is transferred into one
+	In the [=paged media=] formatting model, the document is transferred into one
 	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="https://www.w3.org/TR/CSS2/visuren.html#viewport">viewport</a>.

css-position-3/Overview.bs

@@ -102,9 +102,6 @@ Link Defaults: css-transforms-1 (property) transform
 urlPrefix: https://www.w3.org/TR/CSS2/visuren.html; spec: CSS2;
 	url: #normal-flow; text: normal flow; type: dfn;
 	url: #x1; text: viewport; type: dfn;
-urlPrefix: https://www.w3.org/TR/CSS21/media.html; spec: CSS2;
-	url: #continuous-media-group; text: continuous media; type: dfn;
-	url: #paged-media-group; text: paged media; type: dfn;
 urlPrefix: https://www.w3.org/TR/CSS2/visudet.html; spec: CSS2;
 	url: #static-position; text: static position; type: dfn;
 	url: #static-position; text: static-position containing block; type: dfn;
@@ -264,7 +261,7 @@ Choosing A Positioning Scheme: 'position' property</h2>
 	<dd>
 		Same as ''absolute'',
 		except the box is positioned and sized relative to a [=fixed positioning containing block=]
-		(the [=viewport=] in continuous media, or the [=page area=] in paged media).
+		(the [=viewport=] in [=continuous media=], or the [=page area=] in [=paged media=]).
 		The box’s position is fixed with respect to this reference rectangle:
 		it does not move when the document is scrolled,
 		and is replicated on every page when it is paginated.
@@ -347,15 +344,15 @@ Containing Blocks of Positioned Boxes</h3>
 			If no ancestor establishes one,
 			the [=fixed positioning containing block=] is:
 
-			* in <a href="https://www.w3.org/TR/CSS2/media.html#continuous-media-group">continuous media</a>,
+			* in [=continuous media=],
 				the <a>viewport</a>;
 				as a result, [=fixed=] boxes do not move when the document is scrolled.
 
 				Note: In this respect, they are similar to
 				[[css-backgrounds-3#the-background-attachment|fixed background images]]
 				(''background-attachment: fixed'').
 
-			* in <a href="https://www.w3.org/TR/CSS2/media.html#paged-media-group">paged media</a>,
+			* in [=paged media=],
 				the [=page area=] of each page;
 				[=fixed positioned=] [=boxes=] are thus replicated on every page.
 				(They are fixed with respect to the page box only,

css-regions-1/Overview.bs

@@ -2055,7 +2055,7 @@ Relation to other specifications</h2>
 			CSS Fragmentation Module Level 3 [[CSS3-BREAK]].
 			This module defines the rules for fragmenting content over multiple containers
 			and applies to <a>CSS Regions</a>
-			in addition to applying to multi-column and paged media.
+			in addition to applying to multi-column and [=paged media=].
 		</li>
 
 		<li>