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>

css-tables-3/Overview.bs

@@ -2891,7 +2891,7 @@ With a table-internal box as non-containing block parent</h3>
 	<!--——————————————————————————————————————————————————————————————————————————-->
 	<h3 id="repeated-headers">Repeating headers across pages</h3>
 
-		When rendering the document into a paged media,
+		When rendering the document into a [=paged media=],
 			user agents must repeat
 				<a href="#table-header-group">header rows</a> and
 				<a href="#table-footer-group">footer rows</a>

css-values-3/Overview.bs

@@ -1160,7 +1160,7 @@ Viewport-percentage Lengths: the ''vw'', ''vh'', ''vmin'', ''vmax'' units</h4>
 	they are scaled accordingly.
 	However, any scrollbars are assumed not to exist.
 
-	For paged media, the exact definition of the viewport-percentage lengths
+	For [=paged media=], the exact definition of the viewport-percentage lengths
 	is deferred to [[!CSS3PAGE]].
 
 	<dl export dfn-type=value dfn-for="<length>">
@@ -2550,7 +2550,7 @@ Changes</h2>
 			made <a href="#viewport-relative-lengths">viewport-percentage units</a> respect scrollbars on the viewport
 			unless 'overflow' is ''overflow/auto'' (in which case they ignore the presence of scrollbars).
 		<li>Deferred exact definition of <a href="#viewport-relative-lengths">viewport-percentage units</a>
-			in paged media to <a href="https://www.w3.org/TR/css3-page/">CSS Paged Media</a>.
+			in [=paged media=] to <a href="https://www.w3.org/TR/css3-page/">CSS Paged Media</a>.
 		<li>Added back the <<custom-ident>> term as a convenience notation, so that other specs can refer to it.
 	</ul>
 

css-values-4/Overview.bs

@@ -1525,7 +1525,7 @@ Viewport-percentage Lengths: the ''vw'', ''vh'', ''vi'', ''vb'', ''vmin'', ''vma
 	any scroll bars are assumed not to exist.
 	<span class='note'>Note that the initial containing block's size is affected by the presence of scrollbars on the viewport.</span>
 
-	For paged media, the exact definition of the viewport-percentage lengths
+	For [=paged media=], the exact definition of the viewport-percentage lengths
 	is deferred to [[!CSS3PAGE]].
 
 	<dl export dfn-type=value dfn-for="<length>">

css-writing-modes-3/Overview.bs

@@ -2293,7 +2293,7 @@ Propagation to the Initial Containing Block</h3>
 <h3 id="page-direction">
 Page Flow: the page progression direction</h2>
 
-  <p>In paged media CSS classifies all pages as either left or right pages.
+  <p>In [=paged media=] CSS classifies all pages as either left or right pages.
   The <a>page progression</a> direction (see [[CSS3PAGE]]),
   which determines whether the left or right page in a spread is first in the flow
   and whether the first page is by default a left or right page,

css-writing-modes-4/Overview.bs

@@ -2499,7 +2499,7 @@ Propagation to the Initial Containing Block</h3>
 <h3 id="page-direction">
 Page Flow: the page progression direction</h2>
 
-  <p>In paged media CSS classifies all pages as either left or right pages.
+  <p>In [=paged media=] CSS classifies all pages as either left or right pages.
   The <a>page progression</a> direction (see [[CSS3PAGE]]),
   which determines whether the left or right page in a spread is first in the flow
   and whether the first page is by default a left or right page,

mediaqueries-4/Overview.bs

@@ -1081,10 +1081,10 @@ Width: the '@media/width' feature</h3>
 	</pre>
 
 	The '@media/width' media feature describes the width of the targeted display area of the output device.
-	For continuous media, this is the width of the viewport
+	For [=continuous media=], this is the width of the viewport
 	(as described by CSS2, section 9.1.1 [[!CSS21]])
 	including the size of a rendered scroll bar (if any).
-	For paged media, this is the width of the page box
+	For [=paged media=], this is the width of the page box
 	(as described by CSS2, section 13.2 [[!CSS21]]).
 
 	<<length>>s are interpreted according to [[#units]].
@@ -1125,8 +1125,8 @@ Height: the '@media/height' feature</h3>
 	</pre>
 
 	The '@media/height' media feature describes the height of the targeted display area of the output device.
-	For continuous media, this is the height of the viewport including the size of a rendered scroll bar (if any).
-	For paged media, this is the height of the page box.
+	For [=continuous media=], this is the height of the viewport including the size of a rendered scroll bar (if any).
+	For [=paged media=], this is the height of the page box.
 
 	<<length>>s are interpreted according to [[#units]].
 
@@ -1418,6 +1418,9 @@ Block-Axis Overflow: the '@media/overflow-block' feature</h3>
 			Examples: printers, ebook readers
 	</dl>
 
+	Media that match ''overflow-block/none'' or ''overflow-block/scroll'' are said to be <dfn export>continuous media</dfn>,
+	while those that match ''overflow-block/paged'' or ''overflow-block/optional-paged'' are said to be <dfn export>paged media</dfn>
+
 <h3 id='mf-overflow-inline'>
 Inline-Axis Overflow: the '@media/overflow-inline' feature</h3>
 
@@ -2082,8 +2085,8 @@ device-width</h3>
 	</pre>
 
 	The 'device-width' media feature describes the width of the rendering surface of the output device.
-	For continuous media, this is the width of the <a>Web-exposed screen area</a>.
-	For paged media, this is the width of the page sheet size.
+	For [=continuous media=], this is the width of the <a>Web-exposed screen area</a>.
+	For [=paged media=], this is the width of the page sheet size.
 
 	'@media/device-width' is <a>false in the negative range</a>.
 
@@ -2111,8 +2114,8 @@ device-height</h3>
 	</pre>
 
 	The 'device-height' media feature describes the height of the rendering surface of the output device.
-	For continuous media, this is the height of the <a>Web-exposed screen area</a>.
-	For paged media, this is the height of the page sheet size.
+	For [=continuous media=], this is the height of the <a>Web-exposed screen area</a>.
+	For [=paged media=], this is the height of the page sheet size.
 
 	'@media/device-height' is <a>false in the negative range</a>.
 
@@ -2187,6 +2190,9 @@ The following changes were made to this specification since the
 
 	<li>
 		Various editorial tweaks, phrasing improvements, and clarifications.
+
+	<li>
+		Add definitions for the terms [=continuous media=] and [=paged media=].
 </ul>
 
 <h3 id="changes-2017">
@@ -2195,7 +2201,7 @@ The following changes were made to this specification since the
 <a href="https://www.w3.org/TR/2017/WD-mediaqueries-4-20170519/">19 May 2017 Working Draft </a>:
 <ul>
 	<li>Changed range media features to be <a>false in the negative range</a> instead of failing to parse negative values.
-	<li>Included enough informaton about the color spaces needed by 'color-gamut' directly into the specification.
+	<li>Included enough information about the color spaces needed by 'color-gamut' directly into the specification.
 </ul>
 
 <h3 id="changes-2012">

mediaqueries-4/issues-cr-2017-09-05.txt

@@ -135,7 +135,8 @@ Issue 19.
 Summary:  Define Media Groups: continuous vs paged, etc.
 From:     Elika Etemad
 Comment:  https://github.com/w3c/csswg-drafts/issues/5019
-Open
+Closed:   Accepted
+Resolved: https://github.com/w3c/csswg-drafts/issues/5019#issuecomment-638521048
 ----
 Issue 20.
 Summary:  Miscelaneous comments from accessibility Review