Skip to content

Commit ffaadbf

Browse files
tabatkinstabatkins
committed
[css-display] Prepare for WD.
1 parent d605c61 commit ffaadbf

File tree

2 files changed

+42
-80
lines changed

2 files changed

+42
-80
lines changed

‎css-display/Overview.bs

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
<h1>CSS Display Module Level 3</h1>
22

33
<pre class='metadata'>
4-
Status: ED
4+
Status: WD
5+
Date: 2014-08-09
56
ED: http://dev.w3.org/csswg/css-display
67
Shortname: css-display
78
Group: csswg

‎css-display/Overview.html

+40-79
Original file line numberDiff line numberDiff line change
@@ -3,48 +3,7 @@
33
<title>CSS Display Module Level 3</title>
44
<link href=../default.css rel=stylesheet type=text/css>
55
<link href=../csslogo.ico rel="shortcut icon" type=image/x-icon>
6-
<style>
7-
body {
8-
background: url("https://www.w3.org/StyleSheets/TR/logo-ED") top left no-repeat white;
9-
background-attachment: fixed;
10-
color: black;
11-
font-family: sans-serif;
12-
margin: 0 auto;
13-
max-width: 50em;
14-
padding: 2em 1em 2em 70px;
15-
}
16-
:link { color: #00C; background: transparent }
17-
:visited { color: #609; background: transparent }
18-
a[href]:active { color: #C00; background: transparent }
19-
a[href]:hover { background: #ffa }
20-
21-
a[href] img { border-style: none }
22-
23-
h1, h2, h3, h4, h5, h6 { text-align: left }
24-
h1, h2, h3 { color: #005A9C; }
25-
h1 { font: 170% sans-serif }
26-
h2 { font: 140% sans-serif }
27-
h3 { font: 120% sans-serif }
28-
h4 { font: bold 100% sans-serif }
29-
h5 { font: italic 100% sans-serif }
30-
h6 { font: small-caps 100% sans-serif }
31-
32-
.hide { display: none }
33-
34-
div.head { margin-bottom: 1em }
35-
div.head h1 { margin-top: 2em; clear: both }
36-
div.head table { margin-left: 2em; margin-top: 2em }
37-
38-
p.copyright { font-size: small }
39-
p.copyright small { font-size: small }
40-
41-
pre { margin-left: 2em }
42-
dt { font-weight: bold }
43-
44-
ul.toc, ol.toc {
45-
list-style: none;
46-
}
47-
</style>
6+
<link href=https://www.w3.org/StyleSheets/TR/W3C-WD rel=stylesheet type=text/css>
487
</head>
498
<body class=h-entry>
509
<div class=head>
@@ -53,11 +12,13 @@
5312
</a>
5413
</p>
5514
<h1 class="p-name no-ref" id=title>CSS Display Module Level 3</h1>
56-
<h2 class="no-num no-toc no-ref heading settled" id=subtitle><span class=content>Editor’s Draft,
57-
<span class=dt-updated><span class=value-title title=20140908>8 September 2014</span></span></span></h2>
15+
<h2 class="no-num no-toc no-ref heading settled" id=subtitle><span class=content>W3C Working Draft,
16+
<span class=dt-updated><span class=value-title title=20140809>9 August 2014</span></span></span></h2>
5817
<div data-fill-with=spec-metadata><dl>
5918
<dt>This version:
60-
<dd><a class=u-url href=http://dev.w3.org/csswg/css-display>http://dev.w3.org/csswg/css-display</a>
19+
<dd><a class=u-url href=http://www.w3.org/TR/2014/WD-css-display-3-20140809/>http://www.w3.org/TR/2014/WD-css-display-3-20140809/</a>
20+
<dt>Editor’s Draft:
21+
<dd><a href=http://dev.w3.org/csswg/css-display>http://dev.w3.org/csswg/css-display</a>
6122
<dt>Feedback:
6223
<dd><a href="mailto:www-style@w3.org?subject=%5Bcss-display%5D%20feedback">www-style@w3.org</a>
6324
with subject line
@@ -81,34 +42,34 @@ <h2 class="no-num no-toc no-ref heading settled" id=abstract><span class=content
8142
on screen, on paper, in speech, etc.</div>
8243

8344
<h2 class="no-num no-toc no-ref heading settled" id=status><span class=content>Status of this document</span></h2>
84-
<div data-fill-with=status><p>
85-
This is a public copy of the editors’ draft.
86-
It is provided for discussion only and may change at any moment.
87-
Its publication here does not imply endorsement of its contents by W3C.
88-
Don’t cite this document other than as work in progress.
89-
90-
<p>
91-
The (<a href=http://lists.w3.org/Archives/Public/www-style/>archived</a>) public mailing list
92-
<a href="mailto:www-style@w3.org?Subject=%5Bcss-display%5D%20PUT%20SUBJECT%20HERE">www-style@w3.org</a>
93-
(see <a href=http://www.w3.org/Mail/Request>instructions</a>)
94-
is preferred for discussion of this specification.
95-
When sending e-mail,
96-
please put the text “css-display” in the subject,
97-
preferably like this:
98-
“[css-display] <em>…summary of comment…</em>”
99-
100-
<p>
101-
This document was produced by the <a href=http://www.w3.org/Style/CSS/members>CSS Working Group</a>
102-
(part of the <a href=http://www.w3.org/Style/>Style Activity</a>).
103-
104-
<p>
105-
This document was produced by a group operating under
106-
the <a href=http://www.w3.org/Consortium/Patent-Policy-20040205/>5 February 2004 W3C Patent Policy</a>.
107-
W3C maintains a <a href=http://www.w3.org/2004/01/pp-impl/32061/status rel=disclosure>public list of any patent disclosures</a>
108-
made in connection with the deliverables of the group;
109-
that page also includes instructions for disclosing a patent.
110-
An individual who has actual knowledge of a patent which the individual believes contains <a href=http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential>Essential Claim(s)</a>
111-
must disclose the information in accordance with <a href=http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure>section 6 of the W3C Patent Policy</a>.</div>
45+
<div data-fill-with=status><p><em>This section describes the status of this document at the time of
46+
its publication. Other documents may supersede this document. A list of
47+
current W3C publications and the latest revision of this technical report
48+
can be found in the <a href=http://www.w3.org/TR/>W3C technical reports
49+
index at http://www.w3.org/TR/.</a></em>
50+
51+
<p>Publication as a Working Draft does not imply endorsement by the W3C
52+
Membership. This is a draft document and may be updated, replaced or
53+
obsoleted by other documents at any time. It is inappropriate to cite this
54+
document as other than work in progress.
55+
56+
<p>The (<a href=http://lists.w3.org/Archives/Public/www-style/>archived</a>) public
57+
mailing list <a href=mailto:www-style@w3.org>www-style@w3.org</a> (see
58+
<a href=http://www.w3.org/Mail/Request>instructions</a>) is preferred
59+
for discussion of this specification. When sending e-mail, please put the
60+
text “css-display” in the subject, preferably like this:
61+
“[css-display] <em>…summary of comment…</em>”
62+
63+
<p>This document was produced by the <a href=http://www.w3.org/Style/CSS/members>CSS Working Group</a> (part of
64+
the <a href=http://www.w3.org/Style/>Style Activity</a>).
65+
66+
<p>This document was produced by a group operating under the <a href=http://www.w3.org/Consortium/Patent-Policy-20040205/>5 February
67+
2004 W3C Patent Policy</a>. W3C maintains a <a href=http://www.w3.org/2004/01/pp-impl/32061/status rel=disclosure>public list of any patent disclosures</a> made in
68+
connection with the deliverables of the group; that page also includes
69+
instructions for disclosing a patent. An individual who has actual
70+
knowledge of a patent which the individual believes contains <a href=http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential>Essential
71+
Claim(s)</a> must disclose the information in accordance with <a href=http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure>section
72+
6 of the W3C Patent Policy</a>.</div>
11273
<div data-fill-with=at-risk></div>
11374

11475
<h2 class="no-num no-toc no-ref heading settled" id=contents><span class=content>Table of Contents</span></h2>
@@ -346,15 +307,15 @@ <h3 class="heading settled" data-level=2.3 id=display-list><span class=secno>2.3
346307
<dt><dfn class=css data-dfn-for=display-list data-dfn-type=value data-export="" id=valdef-display-list-list-item>list-item<a class=self-link href=#valdef-display-list-list-item></a></dfn>
347308
<dd>
348309
The element generates a <code>::marker</code> pseudo-element
349-
and is considered a <a data-link-type=dfn href=http://dev.w3.org/csswg/css-lists-3/#list-item title="list item">list item</a>.
310+
and is considered a <a data-link-type=dfn href=http://www.w3.org/TR/css3-lists/#list-item title="list item">list item</a>.
350311
</dl>
351312

352313
<h3 class="heading settled" data-level=2.4 id=the-display><span class=secno>2.4 </span><span class=content>
353314
The <a class=property data-link-type=propdesc href=#propdef-display title=display>display</a> shorthand property</span><a class=self-link href=#the-display></a></h3>
354315

355316
<table class="definition propdef"><tr><th>Name:<td><dfn class=css data-dfn-type=property data-export="" id=propdef-display>display<a class=self-link href=#propdef-display></a></dfn><tr><th>Value:<td class=prod>[ <a class=production data-link-type=propdesc href=#propdef-display-inside title=display-inside>&lt;‘display-inside’&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-any title=||>||</a> <a class=production data-link-type=propdesc href=#propdef-display-outside title=display-outside>&lt;‘display-outside’&gt;</a> <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-any title=||>||</a> <a class=production data-link-type=propdesc href=#propdef-display-list title=display-list>&lt;‘display-list’&gt;</a> ] <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-list-item <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-table <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-flex <a class=prod-punc data-link-type=grammar href=http://dev.w3.org/csswg/css-values-3/#comb-one title=|>|</a> inline-grid<tr><th>Initial:<td>see individual properties<tr><th>Applies to:<td>see individual properties<tr><th>Inherited:<td>see individual properties<tr><th>Media:<td>see individual properties<tr><th>Computed value:<td>see individual properties<tr><th>Animatable:<td>see individual properties</table>
356317

357-
<p>The <a class=property data-link-type=propdesc href=#propdef-display title=display>display</a> <a data-link-type=dfn href=http://dev.w3.org/csswg/css-cascade-3/#shorthand-property title="shorthand property">shorthand property</a> sets all the display type properties in one declaration:
318+
<p>The <a class=property data-link-type=propdesc href=#propdef-display title=display>display</a> <a data-link-type=dfn href=http://www.w3.org/TR/css-cascade-3/#shorthand-property--shorthand title="shorthand property">shorthand property</a> sets all the display type properties in one declaration:
358319
<a class=property data-link-type=propdesc href=#propdef-display-outside title=display-outside>display-outside</a>, <a class=property data-link-type=propdesc href=#propdef-display-inside title=display-inside>display-inside</a>, and <a class=property data-link-type=propdesc href=#propdef-display-list title=display-list>display-list</a>.
359320
If only one keyword is specified
360321
or only one keyword is specified together with <a class=css data-link-for=display-list data-link-type=maybe href=#valdef-display-list-list-item title=list-item>list-item</a>,
@@ -458,7 +419,7 @@ <h3 class="heading settled" data-level=2.5 id=transformations><span class=secno>
458419

459420
<ul>
460421
<li>Absolute positioning or floating an element <a data-link-type=dfn href=#blockify title=blockifies>blockifies</a> the box’s display type. <a data-biblio-type=informative data-link-type=biblio href=#css21 title=biblio-CSS21>[CSS21]</a>
461-
<li>Containment in a <a data-link-spec=css-ruby data-link-type=dfn title="ruby container">ruby container</a> <a data-link-type=dfn href=#inlinify title=inlinifies>inlinifies</a> the box’s display type, as described in <a data-biblio-type=informative data-link-type=biblio href=#css3ruby title=biblio-CSS3RUBY>[CSS3RUBY]</a>.
422+
<li>Containment in a <a data-link-spec=css-ruby data-link-type=dfn href=http://www.w3.org/TR/css-ruby-1/#ruby-container title="ruby container">ruby container</a> <a data-link-type=dfn href=#inlinify title=inlinifies>inlinifies</a> the box’s display type, as described in <a data-biblio-type=informative data-link-type=biblio href=#css3ruby title=biblio-CSS3RUBY>[CSS3RUBY]</a>.
462423
<li>A parent with a <a class=css data-link-for=display-inside data-link-type=maybe href=#valdef-display-inside-grid title=grid>grid</a> or <a class=css data-link-for=display-inside data-link-type=maybe href=#valdef-display-inside-flex title=flex>flex</a> <a class=property data-link-type=propdesc href=#propdef-display-inside title=display-inside>display-inside</a> value <a data-link-type=dfn href=#blockify title=blockifies>blockifies</a> the box’s display type. <a data-biblio-type=informative data-link-type=biblio href=#css3-grid-layout title=biblio-CSS3-GRID-LAYOUT>[CSS3-GRID-LAYOUT]</a> <a data-biblio-type=informative data-link-type=biblio href=#css3-flexbox title=biblio-CSS3-FLEXBOX>[CSS3-FLEXBOX]</a>
463424
</ul>
464425
</div>
@@ -499,11 +460,11 @@ <h2 class="heading settled" data-level=3 id=box-suppress><span class=secno>3 </s
499460
and must not be displayed.
500461

501462
<p>For the purpose of any layout-related information,
502-
such as querying for the computed value of the element’s <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css2/visudet.html#propdef-width title=width>width</a> property,
463+
such as querying for the computed value of the element’s <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-width title=width>width</a> property,
503464
it must be treated as if it did not generate any boxes.</p>
504465

505466
<p>Properties that rely on boxes but do not rely on layout,
506-
such as animations, <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-lists-3/#propdef-counter-increment title=counter-increment>counter-increment</a>, etc.,
467+
such as animations, <a class=property data-link-type=propdesc href=http://www.w3.org/TR/css3-lists/#propdef-counter-increment title=counter-increment>counter-increment</a>, etc.,
507468
must work as normal on this element and its descendants.</p>
508469

509470
<p class=issue id=issue-56fc4c99><a class=self-link href=#issue-56fc4c99></a>This needs more clarity about what "layout-related" and "participates in layout" means.
@@ -564,7 +525,7 @@ <h2 class="heading settled" data-level=4 id=run-in><span class=secno>4 </span><s
564525
If a <a data-link-type=dfn href=#run-in-sequence title="run-in sequence">run-in sequence</a> is immediately followed by a block box
565526
that does not establish a new <a data-link-type=dfn href=#formatting-context title="formatting context">formatting context</a>,
566527
it is inserted as direct children of the block box
567-
after its <a class=css data-link-type=maybe href=http://dev.w3.org/csswg/css-lists-3/#selectordef-marker title=::marker>::marker</a> pseudo-element’s boxes (if any),
528+
after its <a class=css data-link-type=maybe href=http://www.w3.org/TR/css3-lists/#selectordef-marker title=::marker>::marker</a> pseudo-element’s boxes (if any),
568529
but preceding any other boxes generates by the contents of the block
569530
(including the box generated by the <span class=css>::before</span> pseudo-element, if any).
570531

0 commit comments

Comments
 (0)