Skip to content

Commit da2e528

Browse files
committed
[css-backgrounds-3] More publication prep.
1 parent 1b47ca0 commit da2e528

File tree

2 files changed

+28
-34
lines changed

2 files changed

+28
-34
lines changed

css-backgrounds-3/Overview.html

Lines changed: 17 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<link href="https://www.w3.org/StyleSheets/TR/2016/W3C-CR" rel="stylesheet" type="text/css">
1212
<meta content="Bikeshed version 9b0b2730ee172057dc61b07ba905141b4ebd70ef" name="generator">
1313
<link href="https://www.w3.org/TR/css-backgrounds-3/" rel="canonical">
14-
<meta content="96df8fc00d548a09376b3a5575347ae06c455688" name="document-revision">
14+
<meta content="1b47ca06fa1dc44a7d3bb523f50a7109ec8334c6" name="document-revision">
1515
<script defer="" src="https://test.csswg.org/harness/annotate.js#!css-backgrounds-3_dev/css-backgrounds-3" type="text/javascript"></script>
1616
<style>/* style-md-lists */
1717

@@ -460,7 +460,7 @@ <h2 class="heading settled" data-level="3" id="backgrounds"><span class="secno">
460460
and images (<a class="property" data-link-type="propdesc" href="#propdef-background-image" id="ref-for-propdef-background-image">background-image</a>) to use,
461461
and how they are sized, positioned, tiled, etc. </p>
462462
<p>The background properties are not inherited, but the parent box’s
463-
background will shine through by default because of the initial <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css-color-4/#valdef-color-transparent" id="ref-for-valdef-color-transparent">transparent</a> value on <a class="property" data-link-type="propdesc" href="#propdef-background-color" id="ref-for-propdef-background-color①">background-color</a>. </p>
463+
background will shine through by default because of the initial <span class="css">transparent</span> value on <a class="property" data-link-type="propdesc" href="#propdef-background-color" id="ref-for-propdef-background-color①">background-color</a>. </p>
464464
<h3 class="heading settled" data-level="3.1" id="layering"><span class="secno">3.1. </span><span class="content"> Layering Multiple Background Images</span><a class="self-link" href="#layering"></a></h3>
465465
<p>The background of a box can have multiple <span class="index">layers</span> in CSS3. The number
466466
of layers is determined by the number of comma-separated values in the <a class="property" data-link-type="propdesc" href="#propdef-background-image" id="ref-for-propdef-background-image①">background-image</a> property. Note that a value of <a class="css" data-link-type="maybe" href="#valdef-background-image-none" id="ref-for-valdef-background-image-none">none</a> still creates
@@ -760,7 +760,7 @@ <h3 class="heading settled" data-level="3.5" id="the-background-attachment"><spa
760760
<dd>The background is fixed with regard to the viewport. In paged
761761
media where there is no viewport, a <a class="css" data-link-type="maybe" href="#valdef-background-attachment-fixed" id="ref-for-valdef-background-attachment-fixed①">fixed</a> background is fixed
762762
with respect to the <a href="https://www.w3.org/TR/CSS2/page.html#page-box">page box</a> and therefore replicated on every page. <span class="note">Note that there is only one viewport per view.
763-
Even if an element has a scrolling mechanism (see the <a class="property" data-link-type="propdesc" href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow" id="ref-for-propdef-overflow">overflow</a> property <a data-link-type="biblio" href="#biblio-css2">[CSS2]</a>), a <a class="css" data-link-type="maybe" href="#valdef-background-attachment-fixed" id="ref-for-valdef-background-attachment-fixed②">fixed</a> background doesn’t move with the
763+
Even if an element has a scrolling mechanism (see the <a class="property" data-link-type="propdesc" href="https://www.w3.org/TR/CSS22/visufx.html#propdef-overflow" id="ref-for-propdef-overflow">overflow</a> property <a data-link-type="biblio" href="#biblio-css2">[CSS2]</a>), a <a class="css" data-link-type="maybe" href="#valdef-background-attachment-fixed" id="ref-for-valdef-background-attachment-fixed②">fixed</a> background doesn’t move with the
764764
element.</span>
765765
<dt><dfn class="dfn-paneled css" data-dfn-for="background-attachment" data-dfn-type="value" data-export="" id="valdef-background-attachment-local">local</dfn>
766766
<dd>The background is fixed with regard to the element’s contents:
@@ -1367,10 +1367,10 @@ <h3 class="heading settled" data-level="3.11" id="special-backgrounds"><span cla
13671367
as described below.
13681368
However, if no boxes are generated for the element whose background
13691369
would be used for the canvas
1370-
(for example, if the root element has <a class="css" data-link-type="propdesc" href="https://www.w3.org/TR/css-display-3/#propdef-display" id="ref-for-propdef-display">display: none</a>),
1370+
(for example, if the root element has <a class="css" data-link-type="propdesc" href="https://www.w3.org/TR/CSS22/visuren.html#propdef-display" id="ref-for-propdef-display">display: none</a>),
13711371
then the canvas background is transparent. </p>
13721372
<p class="note" role="note">Note that an element might be invisible, but still generate boxes.
1373-
For example, if the element has <a class="css" data-link-type="propdesc" href="https://www.w3.org/TR/CSS22/visufx.html#propdef-visibility" id="ref-for-propdef-visibility">visibility: hidden</a> but not <a class="css" data-link-type="propdesc" href="https://www.w3.org/TR/css-display-3/#propdef-display" id="ref-for-propdef-display①">display: none</a>,
1373+
For example, if the element has <a class="css" data-link-type="propdesc" href="https://www.w3.org/TR/CSS22/visufx.html#propdef-visibility" id="ref-for-propdef-visibility">visibility: hidden</a> but not <a class="css" data-link-type="propdesc" href="https://www.w3.org/TR/CSS22/visuren.html#propdef-display" id="ref-for-propdef-display①">display: none</a>,
13741374
boxes <em>are</em> generated for it and its background <em>is</em> used for the canvas. </p>
13751375
<p>If the canvas background is not opaque, what shows through is UA-dependent. </p>
13761376
<h4 class="heading settled" data-level="3.11.1" id="root-background"><span class="secno">3.11.1. </span><span class="content"> The Canvas Background and the Root Element</span><a class="self-link" href="#root-background"></a></h4>
@@ -1382,8 +1382,11 @@ <h4 class="heading settled" data-level="3.11.1" id="root-background"><span class
13821382
The root element does not paint this background again, i.e., the used
13831383
value of its background is transparent. </p>
13841384
<h4 class="heading settled" data-level="3.11.2" id="body-background"><span class="secno">3.11.2. </span><span class="content"> The Canvas Background and the HTML &lt;body> Element</span><a class="self-link" href="#body-background"></a></h4>
1385-
<p>For documents whose root element is an HTML <code class="html">HTML</code> element <a data-link-type="biblio" href="#biblio-html">[HTML]</a> or an XHTML <code class="html">html</code> element <a data-link-type="biblio" href="#biblio-xhtml11">[XHTML11]</a>: if the computed
1386-
value of <a class="property" data-link-type="propdesc" href="#propdef-background-image" id="ref-for-propdef-background-image⑤">background-image</a> on the root element is <a class="css" data-link-type="maybe" href="#valdef-background-image-none" id="ref-for-valdef-background-image-none①">none</a> and its <a class="property" data-link-type="propdesc" href="#propdef-background-color" id="ref-for-propdef-background-color⑦">background-color</a> is <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css-color-4/#valdef-color-transparent" id="ref-for-valdef-color-transparent①">transparent</a>, user agents must instead propagate
1385+
<p>For documents whose root element is
1386+
an HTML <code class="html">HTML</code> element
1387+
or an XHTML <code class="html">html</code> element <a data-link-type="biblio" href="#biblio-html">[HTML]</a>:
1388+
if the computed
1389+
value of <a class="property" data-link-type="propdesc" href="#propdef-background-image" id="ref-for-propdef-background-image⑤">background-image</a> on the root element is <a class="css" data-link-type="maybe" href="#valdef-background-image-none" id="ref-for-valdef-background-image-none①">none</a> and its <a class="property" data-link-type="propdesc" href="#propdef-background-color" id="ref-for-propdef-background-color⑦">background-color</a> is <span class="css">transparent</span>, user agents must instead propagate
13871390
the computed values of the background properties from that element’s first
13881391
HTML <code class="html">BODY</code> or XHTML <code class="html">body</code> child element. The used values of that <code class="html">BODY</code> element’s
13891392
background properties are their initial values, and the propagated values
@@ -1951,7 +1954,7 @@ <h3 class="heading settled" data-level="5.2" id="corner-shaping"><span class="se
19511954
<h3 class="heading settled" data-level="5.3" id="corner-clipping"><span class="secno">5.3. </span><span class="content">Corner Clipping</span><a class="self-link" href="#corner-clipping"></a></h3>
19521955
<p>A box’s backgrounds, but not its <a href="#the-border-image">border-image</a>,
19531956
are clipped to the appropriate curve (as determined by <a class="property" data-link-type="propdesc" href="#propdef-background-clip" id="ref-for-propdef-background-clip⑧">background-clip</a>).
1954-
Other effects that clip to the border or padding edge (such as <a class="property" data-link-type="propdesc" href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow" id="ref-for-propdef-overflow①">overflow</a> other than <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css-overflow-3/#valdef-overflow-visible" id="ref-for-valdef-overflow-visible">visible</a>) also must clip to the curve. The content of
1957+
Other effects that clip to the border or padding edge (such as <a class="property" data-link-type="propdesc" href="https://www.w3.org/TR/CSS22/visufx.html#propdef-overflow" id="ref-for-propdef-overflow①">overflow</a> other than <span class="css">visible</span>) also must clip to the curve. The content of
19551958
replaced elements is always trimmed to the content edge curve. </p>
19561959
<p>Also, the area outside the curve of the border edge does not
19571960
accept pointer events on behalf of the element. </p>
@@ -2043,7 +2046,7 @@ <h3 class="heading settled" data-level="5.5" id="corner-overlap"><span class="se
20432046
</div>
20442047
</div>
20452048
<h3 class="heading settled" data-level="5.6" id="border-radius-tables"><span class="secno">5.6. </span><span class="content">Effect on Tables</span><a class="self-link" href="#border-radius-tables"></a></h3>
2046-
<p>The <a class="property" data-link-type="propdesc" href="#propdef-border-radius" id="ref-for-propdef-border-radius⑤">border-radius</a> properties do apply to <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css-display-3/#valdef-display-table" id="ref-for-valdef-display-table">table</a>, <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css-display-3/#valdef-display-inline-table" id="ref-for-valdef-display-inline-table">inline-table</a>, and <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css-display-3/#valdef-display-table-cell" id="ref-for-valdef-display-table-cell">table-cell</a> boxes
2049+
<p>The <a class="property" data-link-type="propdesc" href="#propdef-border-radius" id="ref-for-propdef-border-radius⑤">border-radius</a> properties do apply to <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/css-display-3/#valdef-display-table" id="ref-for-valdef-display-table">table</a>, <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/CSS22/tables.html#value-def-inline-table" id="ref-for-value-def-inline-table">inline-table</a>, and <a class="css" data-link-type="maybe" href="https://www.w3.org/TR/CSS22/tables.html#value-def-table-cell" id="ref-for-value-def-table-cell">table-cell</a> boxes
20472050
in separated borders mode (<a class="css" data-link-type="propdesc" href="https://www.w3.org/TR/CSS22/tables.html#propdef-border-collapse" id="ref-for-propdef-border-collapse">border-collapse: separate</a>).
20482051
When <a class="property" data-link-type="propdesc" href="https://www.w3.org/TR/CSS22/tables.html#propdef-border-collapse" id="ref-for-propdef-border-collapse①">border-collapse</a> is <span class="css">collapse</span>, they have no effect. </p>
20492052
<h2 class="heading settled" data-level="6" id="border-images"><span class="secno">6. </span><span class="content">Border Images</span><a class="self-link" href="#border-images"></a></h2>
@@ -2817,7 +2820,7 @@ <h3 class="heading settled" data-level="9.2" id="changes-2014-02"><span class="s
28172820
<ul>
28182821
<li>Fixed spread radius and margin radius calculations
28192822
to only apply adjustment factor when spread/margin is larger than border radius.
2820-
<li>Defined handling of canvas background when root element has <a class="css" data-link-type="propdesc" href="https://www.w3.org/TR/css-display-3/#propdef-display" id="ref-for-propdef-display②">display: none</a>.
2823+
<li>Defined handling of canvas background when root element has <a class="css" data-link-type="propdesc" href="https://www.w3.org/TR/CSS22/visuren.html#propdef-display" id="ref-for-propdef-display②">display: none</a>.
28212824
</ul>
28222825
<p>A full <a href="https://drafts.csswg.org/css-backgrounds-3/issues-lc-2014">Disposition of Comments</a> is available. </p>
28232826
<h3 class="heading settled" data-level="9.3" id="changes-2012-07"><span class="secno">9.3. </span><span class="content"> Changes since the 24 July 2012 Candidate Recommendation</span><a class="self-link" href="#changes-2012-07"></a></h3>
@@ -3354,24 +3357,10 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
33543357
</ul>
33553358
<h3 class="no-num no-ref heading settled" id="index-defined-elsewhere"><span class="content">Terms defined by reference</span><a class="self-link" href="#index-defined-elsewhere"></a></h3>
33563359
<ul class="index">
3357-
<li>
3358-
<a data-link-type="biblio">[css-color-4]</a> defines the following terms:
3359-
<ul>
3360-
<li><a href="https://www.w3.org/TR/css-color-4/#valdef-color-transparent">transparent</a>
3361-
</ul>
33623360
<li>
33633361
<a data-link-type="biblio">[css-display-3]</a> defines the following terms:
33643362
<ul>
3365-
<li><a href="https://www.w3.org/TR/css-display-3/#propdef-display">display</a>
3366-
<li><a href="https://www.w3.org/TR/css-display-3/#valdef-display-inline-table">inline-table</a>
33673363
<li><a href="https://www.w3.org/TR/css-display-3/#valdef-display-table">table</a>
3368-
<li><a href="https://www.w3.org/TR/css-display-3/#valdef-display-table-cell">table-cell</a>
3369-
</ul>
3370-
<li>
3371-
<a data-link-type="biblio">[css-overflow-3]</a> defines the following terms:
3372-
<ul>
3373-
<li><a href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow">overflow</a>
3374-
<li><a href="https://www.w3.org/TR/css-overflow-3/#valdef-overflow-visible">visible</a>
33753364
</ul>
33763365
<li>
33773366
<a data-link-type="biblio">[CSS-VALUES-3]</a> defines the following terms:
@@ -3393,8 +3382,12 @@ <h3 class="no-num no-ref heading settled" id="index-defined-elsewhere"><span cla
33933382
<ul>
33943383
<li><a href="https://www.w3.org/TR/CSS22/syndata.html#value-def-uri">&lt;uri></a>
33953384
<li><a href="https://www.w3.org/TR/CSS22/tables.html#propdef-border-collapse">border-collapse</a>
3385+
<li><a href="https://www.w3.org/TR/CSS22/visuren.html#propdef-display">display</a>
3386+
<li><a href="https://www.w3.org/TR/CSS22/tables.html#value-def-inline-table">inline-table</a>
33963387
<li><a href="https://www.w3.org/TR/CSS22/box.html#propdef-margin">margin</a>
3388+
<li><a href="https://www.w3.org/TR/CSS22/visufx.html#propdef-overflow">overflow</a>
33973389
<li><a href="https://www.w3.org/TR/CSS22/box.html#propdef-padding">padding</a>
3390+
<li><a href="https://www.w3.org/TR/CSS22/tables.html#value-def-table-cell">table-cell</a>
33983391
<li><a href="https://www.w3.org/TR/CSS22/visufx.html#propdef-visibility">visibility</a>
33993392
</ul>
34003393
<li>
@@ -3424,12 +3417,8 @@ <h3 class="no-num no-ref heading settled" id="index-defined-elsewhere"><span cla
34243417
<h2 class="no-num no-ref heading settled" id="references"><span class="content">References</span><a class="self-link" href="#references"></a></h2>
34253418
<h3 class="no-num no-ref heading settled" id="normative"><span class="content">Normative References</span><a class="self-link" href="#normative"></a></h3>
34263419
<dl>
3427-
<dt id="biblio-css-color-4">[CSS-COLOR-4]
3428-
<dd>Tab Atkins Jr.; Chris Lilley. <a href="https://www.w3.org/TR/css-color-4/">CSS Color Module Level 4</a>. 5 July 2016. WD. URL: <a href="https://www.w3.org/TR/css-color-4/">https://www.w3.org/TR/css-color-4/</a>
34293420
<dt id="biblio-css-display-3">[CSS-DISPLAY-3]
34303421
<dd>Elika Etemad. <a href="https://www.w3.org/TR/css-display-3/">CSS Display Module Level 3</a>. 20 July 2017. WD. URL: <a href="https://www.w3.org/TR/css-display-3/">https://www.w3.org/TR/css-display-3/</a>
3431-
<dt id="biblio-css-overflow-3">[CSS-OVERFLOW-3]
3432-
<dd>David Baron; Florian Rivoal. <a href="https://www.w3.org/TR/css-overflow-3/">CSS Overflow Module Level 3</a>. 31 May 2016. WD. URL: <a href="https://www.w3.org/TR/css-overflow-3/">https://www.w3.org/TR/css-overflow-3/</a>
34333422
<dt id="biblio-css-values-3">[CSS-VALUES-3]
34343423
<dd>Tab Atkins Jr.; Elika Etemad. <a href="https://www.w3.org/TR/css-values-3/">CSS Values and Units Module Level 3</a>. 29 September 2016. CR. URL: <a href="https://www.w3.org/TR/css-values-3/">https://www.w3.org/TR/css-values-3/</a>
34353424
<dt id="biblio-css2">[CSS2]
@@ -3448,8 +3437,6 @@ <h3 class="no-num no-ref heading settled" id="normative"><span class="content">N
34483437
<dd>Anne van Kesteren; et al. <a href="https://html.spec.whatwg.org/multipage/">HTML Standard</a>. Living Standard. URL: <a href="https://html.spec.whatwg.org/multipage/">https://html.spec.whatwg.org/multipage/</a>
34493438
<dt id="biblio-rfc2119">[RFC2119]
34503439
<dd>S. Bradner. <a href="https://tools.ietf.org/html/rfc2119">Key words for use in RFCs to Indicate Requirement Levels</a>. March 1997. Best Current Practice. URL: <a href="https://tools.ietf.org/html/rfc2119">https://tools.ietf.org/html/rfc2119</a>
3451-
<dt id="biblio-xhtml11">[XHTML11]
3452-
<dd>Shane McCarron; Masayasu Ishikawa. <a href="https://www.w3.org/TR/xhtml11/">XHTML™ 1.1 - Module-based XHTML - Second Edition</a>. 23 November 2010. REC. URL: <a href="https://www.w3.org/TR/xhtml11/">https://www.w3.org/TR/xhtml11/</a>
34533440
</dl>
34543441
<h3 class="no-num no-ref heading settled" id="informative"><span class="content">Informative References</span><a class="self-link" href="#informative"></a></h3>
34553442
<dl>

css-backgrounds-3/Overview.src.html

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,14 @@ <h1>CSS Backgrounds and Borders Module Level 3</h1>
2121
</pre>
2222
<pre class="link-defaults">
2323
spec:css2; type:type; text:<uri>
24+
spec:css2; type:property; text:display
25+
spec:css2; type:value; text:table
26+
spec:css2; type:value; text:inline-table
27+
spec:css2; type:value; text:table-cell
28+
spec:css2; type:property; text:overflow
29+
spec:css2; type:value; text:visible
2430
spec:css-color-3; type:property; text:color
25-
spec:css-display-3; type:property; text:display
31+
spec:css-color-3; type:value; text:transparent
2632
spec:selectors-3; type:selector; text: ::first-letter
2733
spec:selectors-3; type:selector; text: ::first-line
2834
spec:css-values-3; type:type; text:<position>
@@ -1326,9 +1332,10 @@ <h4 id="root-background">
13261332
<h4 id="body-background">
13271333
The Canvas Background and the HTML &lt;body&gt; Element</h4>
13281334

1329-
<p>For documents whose root element is an HTML <code class="html">HTML</code>
1330-
element [[!HTML]] or an XHTML <code class="html">html</code>
1331-
element [[!XHTML11]]: if the computed
1335+
<p>For documents whose root element is
1336+
an HTML <code class="html">HTML</code> element
1337+
or an XHTML <code class="html">html</code> element [[!HTML]]:
1338+
if the computed
13321339
value of 'background-image' on the root element is ''background-image/none'' and its
13331340
'background-color' is ''transparent'', user agents must instead propagate
13341341
the computed values of the background properties from that element's first

0 commit comments

Comments
 (0)