Skip to content

Commit 6825510

Browse files
dirkschulzesvgeesus
dirkschulze
authored and
svgeesus
committed
Prepare new CR document for 2014-07-24.
1 parent 922e2e0 commit 6825510

3 files changed

Lines changed: 68 additions & 159 deletions

File tree

‎css-masking-1/CR.html‎

Lines changed: 35 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -2,52 +2,15 @@
22
<meta content="text/html; charset=utf-8" http-equiv=Content-Type>
33
<title>CSS Masking Module Level 1</title>
44
<link href=../default.css rel=stylesheet type=text/css>
5-
<link href=../csslogo.ico rel="shortcut icon" type=image/x-icon>
65
<link href=https://www.w3.org/StyleSheets/TR/W3C-CR rel=stylesheet type=text/css>
76

8-
<script defer src=//test.csswg.org/harness/annotate.js#css-masking-1_dev type=text/javascript></script>
97
<style type=text/css>
108
a[data-link-type=element]::before,span[data-link-type=element]::before {
119
content: '<';
1210
}
1311
a[data-link-type=element]::after,span[data-link-type=element]::after {
1412
content: '>';
1513
}
16-
17-
ol.algorithm ol {
18-
border-left: 1px solid #90b8de;
19-
margin-left: 1em;
20-
}
21-
ol.algorithm ol.algorithm {
22-
border-left: none;
23-
margin-left: 0;
24-
}
25-
26-
/* HTML5-like switch statements. */
27-
dl.switch > dd > ol.only {
28-
margin-left: 0;
29-
}
30-
dl.switch > dd > ol.algorithm {
31-
margin-left: -2em;
32-
}
33-
dl.switch {
34-
padding-left: 2em;
35-
}
36-
dl.switch > dt {
37-
text-indent: -1.5em;
38-
margin-top: 1em;
39-
}
40-
dl.switch > dt + dt {
41-
margin-top: 0;
42-
}
43-
dl.switch > dt:before {
44-
content: '\21AA';
45-
padding: 0 0.5em 0 0;
46-
display: inline-block;
47-
width: 1em;
48-
text-align: right;
49-
line-height: 0.5em;
50-
}
5114
</style>
5215

5316
</head>
@@ -59,10 +22,10 @@
5922
</p>
6023
<h1 class="p-name no-ref" id=title>CSS Masking Module Level 1</h1>
6124
<h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>W3C Candidate Recommendation,
62-
<span class=dt-updated><span class=value-title title=20140717>17 July 2014</span></span></span></h2>
25+
<span class=dt-updated><span class=value-title title=20140724>24 July 2014</span></span></span></h2>
6326
<div data-fill-with=spec-metadata><dl>
6427
<dt>This version:
65-
<dd><a class=u-url href=http://www.w3.org/TR/2014/CR-css-masking-1-20140717/>http://www.w3.org/TR/2014/CR-css-masking-1-20140717/</a>
28+
<dd><a class=u-url href=http://www.w3.org/TR/2014/CR-css-masking-1-20140724/>http://www.w3.org/TR/2014/CR-css-masking-1-20140724/</a>
6629
<dt>Latest version:
6730
<dd><a href=http://www.w3.org/TR/css-masking-1/>http://www.w3.org/TR/css-masking-1/</a>
6831
<dt>Editor’s Draft:
@@ -88,7 +51,7 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class
8851
</div>
8952

9053
<h2 class="no-num no-toc no-ref heading settled heading" id=abstract><span class=content>Abstract</span></h2>
91-
<p class=p-summary data-fill-with=abstract><p>CSS Masking provides two means for partially or fully hiding portions of visual elements: masking and clipping.</p>
54+
<div class=p-summary data-fill-with=abstract><p>CSS Masking provides two means for partially or fully hiding portions of visual elements: masking and clipping.</p>
9255

9356

9457

@@ -100,7 +63,7 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=abstract><span class
10063

10164
<a href=http://www.w3.org/TR/CSS/>CSS</a> is a language for describing the rendering of structured documents
10265
(such as HTML and XML)
103-
on screen, on paper, in speech, etc.</p>
66+
on screen, on paper, in speech, etc.</div>
10467

10568
<h2 class="no-num no-toc no-ref heading settled heading" id=status><span class=content>Status of this document</span></h2>
10669
<div data-fill-with=status><p>
@@ -149,7 +112,7 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=status><span class=c
149112
<p>
150113
A test suite and implementation report for CSS Masking Module Level 1 will be developed during
151114
the Candidate Recommendation phase, which will last a minimum of six months,
152-
and at least until 17 January 2015.
115+
and at least until 24 January 2015.
153116
See the section <a href=#cr-exit-criteria>“CR
154117
exit criteria”</a> for more details.</div>
155118
<div data-fill-with=at-risk></div>
@@ -165,42 +128,42 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
165128
<li><a href=#terminology><span class=secno>4</span> Terminology</a>
166129
<li><a href=#clipping-paths><span class=secno>5</span> Clipping Paths</a>
167130
<ul class=toc>
168-
<li><a href=#the-clip-path><span class=secno>5.1</span> Clipping Shape: the <span>clip-path</span> property</a></ul>
131+
<li><a href=#the-clip-path><span class=secno>5.1</span> Clipping Shape: the <span class=property data-link-type=propdesc title=clip-path>clip-path</span> property</a></ul>
169132
<li><a href=#svg-clipping-paths><span class=secno>6</span> SVG Clipping Path Sources</a>
170133
<ul class=toc>
171-
<li><a href=#ClipPathElement><span class=secno>6.1</span> The <span>clipPath</span> element</a>
172-
<li><a href=#the-clip-rule><span class=secno>6.2</span> Winding Rules: the <span>clip-rule</span> property</a></ul>
134+
<li><a href=#ClipPathElement><span class=secno>6.1</span> The <span data-link-type=element title=clippath>clipPath</span> element</a>
135+
<li><a href=#the-clip-rule><span class=secno>6.2</span> Winding Rules: the <span class=property data-link-type=propdesc title=clip-rule>clip-rule</span> property</a></ul>
173136
<li><a href=#masking><span class=secno>7</span> Positioned Masks</a>
174137
<ul class=toc>
175-
<li><a href=#the-mask-image><span class=secno>7.1</span> Mask Image Source: the <span>mask-image</span> property</a>
176-
<li><a href=#the-mask-mode><span class=secno>7.2</span> Mask Image Interpretation: the <span>mask-mode</span> property</a>
177-
<li><a href=#the-mask-repeat><span class=secno>7.3</span> Tiling Mask Images: The <span>mask-repeat</span> property</a>
178-
<li><a href=#the-mask-position><span class=secno>7.4</span> Positioning Mask Images: the <span>mask-position</span> property</a>
179-
<li><a href=#the-mask-clip><span class=secno>7.5</span> Masking Area: the <span>mask-clip</span> property</a>
180-
<li><a href=#the-mask-origin><span class=secno>7.6</span> Positioning Area: the <span>mask-origin</span> property</a>
181-
<li><a href=#the-mask-size><span class=secno>7.7</span> Sizing Mask Images: the <span>mask-size</span> property</a>
182-
<li><a href=#the-mask-composite><span class=secno>7.8</span> Compositing mask layers: the <span>mask-composite</span> property</a>
183-
<li><a href=#the-mask><span class=secno>7.9</span> Mask Shorthand: the <span>mask</span> property</a>
138+
<li><a href=#the-mask-image><span class=secno>7.1</span> Mask Image Source: the <span class=property data-link-type=propdesc title=mask-image>mask-image</span> property</a>
139+
<li><a href=#the-mask-mode><span class=secno>7.2</span> Mask Image Interpretation: the <span class=property data-link-type=propdesc title=mask-mode>mask-mode</span> property</a>
140+
<li><a href=#the-mask-repeat><span class=secno>7.3</span> Tiling Mask Images: The <span class=property data-link-type=propdesc title=mask-repeat>mask-repeat</span> property</a>
141+
<li><a href=#the-mask-position><span class=secno>7.4</span> Positioning Mask Images: the <span class=property data-link-type=propdesc title=mask-position>mask-position</span> property</a>
142+
<li><a href=#the-mask-clip><span class=secno>7.5</span> Masking Area: the <span class=property data-link-type=propdesc title=mask-clip>mask-clip</span> property</a>
143+
<li><a href=#the-mask-origin><span class=secno>7.6</span> Positioning Area: the <span class=property data-link-type=propdesc title=mask-origin>mask-origin</span> property</a>
144+
<li><a href=#the-mask-size><span class=secno>7.7</span> Sizing Mask Images: the <span class=property data-link-type=propdesc title=mask-size>mask-size</span> property</a>
145+
<li><a href=#the-mask-composite><span class=secno>7.8</span> Compositing mask layers: the <span class=property data-link-type=propdesc title=mask-composite>mask-composite</span> property</a>
146+
<li><a href=#the-mask><span class=secno>7.9</span> Mask Shorthand: the <span class=property data-link-type=propdesc title=mask>mask</span> property</a>
184147
<li><a href=#the-mask-image-rendering-model><span class=secno>7.10</span> The Mask Image Rendering Model</a>
185148
<ul class=toc>
186149
<li><a href=#MaskValues><span class=secno>7.10.1</span> Mask processing</a>
187150
<li><a href=#layering><span class=secno>7.10.2</span> Layering Multiple Mask Images</a></ul></ul>
188151
<li><a href=#mask-borders><span class=secno>8</span> Border-Box Mask</a>
189152
<ul class=toc>
190-
<li><a href=#the-mask-border-source><span class=secno>8.1</span> Mask Border Image Source: the <span>mask-border-source</span> property</a>
191-
<li><a href=#the-mask-border-mode><span class=secno>8.2</span> Mask Border Image Interpretation: the <span>mask-border-mode</span> property</a>
192-
<li><a href=#the-mask-border-slice><span class=secno>8.3</span> Mask Border Image Slicing: the <span>mask-border-slice</span> property</a>
193-
<li><a href=#the-mask-border-width><span class=secno>8.4</span> Masking Areas: the <span>mask-border-width</span> property</a>
194-
<li><a href=#the-mask-border-outset><span class=secno>8.5</span> Edge Overhang: the <span>mask-border-outset</span> property</a>
195-
<li><a href=#the-mask-border-repeat><span class=secno>8.6</span> Mask Border Image Tiling: the <span>mask-border-repeat</span> property</a>
196-
<li><a href=#the-mask-border><span class=secno>8.7</span> Mask Border Image Shorthand: the <span>mask-border</span> property</a>
153+
<li><a href=#the-mask-border-source><span class=secno>8.1</span> Mask Border Image Source: the <span class=property data-link-type=propdesc title=mask-border-source>mask-border-source</span> property</a>
154+
<li><a href=#the-mask-border-mode><span class=secno>8.2</span> Mask Border Image Interpretation: the <span class=property data-link-type=propdesc title=mask-border-mode>mask-border-mode</span> property</a>
155+
<li><a href=#the-mask-border-slice><span class=secno>8.3</span> Mask Border Image Slicing: the <span class=property data-link-type=propdesc title=mask-border-slice>mask-border-slice</span> property</a>
156+
<li><a href=#the-mask-border-width><span class=secno>8.4</span> Masking Areas: the <span class=property data-link-type=propdesc title=mask-border-width>mask-border-width</span> property</a>
157+
<li><a href=#the-mask-border-outset><span class=secno>8.5</span> Edge Overhang: the <span class=property data-link-type=propdesc title=mask-border-outset>mask-border-outset</span> property</a>
158+
<li><a href=#the-mask-border-repeat><span class=secno>8.6</span> Mask Border Image Tiling: the <span class=property data-link-type=propdesc title=mask-border-repeat>mask-border-repeat</span> property</a>
159+
<li><a href=#the-mask-border><span class=secno>8.7</span> Mask Border Image Shorthand: the <span class=property data-link-type=propdesc title=mask-border>mask-border</span> property</a>
197160
<li><a href=#masking-with-the-mask-border-image><span class=secno>8.8</span> Masking with the mask border image</a></ul>
198161
<li><a href=#svg-masks><span class=secno>9</span> SVG Mask Sources</a>
199162
<ul class=toc>
200-
<li><a href=#MaskElement><span class=secno>9.1</span> The <span>mask</span> element</a>
201-
<li><a href=#the-mask-type><span class=secno>9.2</span> Mask Source Interpretation: the <span>mask-type</span> property</a></ul>
163+
<li><a href=#MaskElement><span class=secno>9.1</span> The <span data-link-type=element title=mask>mask</span> element</a>
164+
<li><a href=#the-mask-type><span class=secno>9.2</span> Mask Source Interpretation: the <span class=property data-link-type=propdesc title=mask-type>mask-type</span> property</a></ul>
202165
<li><a href=#security><span class=secno>10</span> Security</a>
203-
<li><a href=#clip-property><span class=secno></span> Appendix A: The deprecated <span>clip</span> property</a>
166+
<li><a href=#clip-property><span class=secno></span> Appendix A: The deprecated <span class=property data-link-type=propdesc title=clip>clip</span> property</a>
204167
<li><a href=#compute-stroke-bounding-box><span class=secno></span> Appendix B: Compute stroke bounding box</a>
205168
<li><a href=#DOMInterfaces><span class=secno></span> Appendix C: DOM interfaces</a>
206169
<ul class=toc>
@@ -1583,6 +1546,14 @@ <h3 class="no-ref heading settled heading" id=conventions><span class=content>
15831546

15841547
<p class=note>Note, this is an informative note.</p>
15851548

1549+
<p>Advisements are normative sections styled to evoke special attention and are
1550+
set apart from other normative text with <code>&lt;strong class="advisement"&gt;</code>, like
1551+
this:
1552+
1553+
<strong class=advisement>
1554+
UAs MUST provide an accessible alternative.
1555+
</strong>
1556+
15861557
<h3 class="no-ref heading settled heading" id=conformance-classes><span class=content>
15871558
Conformance classes</span><a class=self-link href=#conformance-classes></a></h3>
15881559

0 commit comments

Comments
 (0)