Skip to content

Commit 20459ae

Browse files
fantasaifantasai
committed
Tighten up intrinsic sizing
1 parent f5059de commit 20459ae

2 files changed

Lines changed: 218 additions & 88 deletions

File tree

‎css3-writing-modes/Overview.html‎

Lines changed: 174 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
.figure object,
2121
dd object { max-width: 100%; display: block; margin: 1em auto; }
2222
</style>
23-
<link href="http://www.w3.org/StyleSheets/TR/W3C-WD.css" rel=stylesheet
23+
<link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet
2424
type="text/css">
2525

2626
<body>
@@ -30,16 +30,16 @@
3030

3131
<h1>CSS Writing Modes Module Level 3</h1>
3232

33-
<h2 class="no-num no-toc" id=longstatus-date>W3C Working Draft 2 May 2011</h2>
33+
<h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 3 May 2011</h2>
3434

3535
<dl>
36-
<dt>This version:</dt>
37-
<!--
38-
<dd><a href="http://dev.w3.org/csswg/css3-writing-modes/">http://dev.w3.org/csswg/css3-writing-modes/</a>
39-
-->
36+
<dt>This version:
4037

4138
<dd><a
42-
href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110502">http://www.w3.org/TR/2011/WD-css3-writing-modes-20110502</a>
39+
href="http://dev.w3.org/csswg/css3-writing-modes/">http://dev.w3.org/csswg/css3-writing-modes/</a>
40+
<!--
41+
<dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110503">http://www.w3.org/TR/2011/ED-css3-writing-modes-20110503</a>
42+
-->
4343

4444

4545
<dt>Latest version:
@@ -106,42 +106,36 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
106106
<h2 class="no-num no-toc" id=status>Status of this document</h2>
107107
<!--begin-status-->
108108

109-
<p><em>This section describes the status of this document at the time of
110-
its publication. Other documents may supersede this document. A list of
111-
current W3C publications and the latest revision of this technical report
112-
can be found in the <a href="http://www.w3.org/TR/">W3C technical reports
113-
index at http://www.w3.org/TR/.</a></em>
114-
115-
<p>Publication as a Working Draft does not imply endorsement by the W3C
116-
Membership. This is a draft document and may be updated, replaced or
117-
obsoleted by other documents at any time. It is inappropriate to cite this
118-
document as other than work in progress.
109+
<p>This is a public copy of the editors' draft. It is provided for
110+
discussion only and may change at any moment. Its publication here does
111+
not imply endorsement of its contents by W3C. Don't cite this document
112+
other than as work in progress.
119113

120114
<p>The (<a
121115
href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) public
122-
mailing list <a href="mailto:www-style@w3.org">www-style@w3.org</a> (see
123-
<a href="http://www.w3.org/Mail/Request">instructions</a>) is preferred
124-
for discussion of this specification. When sending e-mail, please put the
125-
text &#8220;css3-writing-modes&#8221; in the subject, preferably like
126-
this: &#8220;[<!---->css3-writing-modes<!---->] <em>&hellip;summary of
116+
mailing list <a
117+
href="mailto:www-style@w3.org?Subject=%5Bcss3-writing-modes%5D%20PUT%20SUBJECT%20HERE">
118+
www-style@w3.org</a> (see <a
119+
href="http://www.w3.org/Mail/Request">instructions</a>) is preferred for
120+
discussion of this specification. When sending e-mail, please put the text
121+
&#8220;css3-writing-modes&#8221; in the subject, preferably like this:
122+
&#8220;[<!---->css3-writing-modes<!---->] <em>&hellip;summary of
127123
comment&hellip;</em>&#8221;
128124

129-
<p>This document was produced by the <a
130-
href="http://www.w3.org/Style/CSS/members">CSS Working Group</a> (part of
131-
the <a href="http://www.w3.org/Style/">Style Activity</a>).
125+
<p>This document was produced by the <a href="/Style/CSS/members">CSS
126+
Working Group</a> (part of the <a href="/Style/">Style Activity</a>).
132127

133128
<p>This document was produced by a group operating under the <a
134-
href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February
135-
2004 W3C Patent Policy</a>. W3C maintains a <a
136-
href="http://www.w3.org/2004/01/pp-impl/32061/status"
129+
href="/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent
130+
Policy</a>. W3C maintains a <a href="/2004/01/pp-impl/32061/status"
137131
rel=disclosure>public list of any patent disclosures</a> made in
138132
connection with the deliverables of the group; that page also includes
139133
instructions for disclosing a patent. An individual who has actual
140134
knowledge of a patent which the individual believes contains <a
141-
href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential
135+
href="/Consortium/Patent-Policy-20040205/#def-essential">Essential
142136
Claim(s)</a> must disclose the information in accordance with <a
143-
href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section
144-
6 of the W3C Patent Policy</a>.</p>
137+
href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the
138+
W3C Patent Policy</a>.</p>
145139
<!--end-status-->
146140

147141
<h2 class="no-num no-toc" id=Contents>Table of Contents</h2>
@@ -279,17 +273,18 @@ <h2 class="no-num no-toc" id=Contents>Table of Contents</h2>
279273
<li class=no-num><a href="#script-orientations">Appendix A: Script
280274
Orientations</a>
281275

282-
<li class=no-num><a href="#appendix-b-intrinsic-sizing">Appendix B:
283-
Intrinsic Sizing</a>
276+
<li class=no-num><a href="#intrinsic-sizing">Appendix B: Intrinsic
277+
Sizing</a>
284278

285-
<li class=no-num><a href="#appendix-c-references">Appendix C:
286-
References</a>
279+
<li class=no-num><a href="#references">References</a>
287280
<ul class=toc>
288281
<li class=no-num><a href="#normative-references">Normative
289282
references</a>
290283

291284
<li class=no-num><a href="#other-references">Other references</a>
292285
</ul>
286+
287+
<li class=no-num><a href="#property-index">Property Index</a>
293288
</ul>
294289
<!--end-toc-->
295290

@@ -2283,8 +2278,9 @@ <h4 id=orthogonal-multicol><span class=secno>7.3.2. </span> Multi-column
22832278

22842279
<p>If the UA supports CSS Multi-column Layout <a href="#CSS3COL"
22852280
rel=biblioentry>[CSS3COL]<!--{{!CSS3COL}}--></a>, then for the case where
2286-
the available extent is defined but the available measure is infinite and
2287-
the element's measure is unconstrained (is not fixed and has no maximum):
2281+
the element's extent or available extent is defined but the available
2282+
measure is infinite and the element's measure is &lsquo;<a
2283+
href="#auto"><code class=css>auto</code></a>&rsquo;:
22882284

22892285
<ol>
22902286
<li>If &lsquo;<code class=property>column-count</code>&rsquo; and
@@ -2298,21 +2294,20 @@ <h4 id=orthogonal-multicol><span class=secno>7.3.2. </span> Multi-column
22982294
width is calculated as if the element's containing block were the initial
22992295
containing block.
23002296

2301-
<li>If the column's extent is not defined, the available extent is used to
2302-
calculate the column extent by subtracting out the element's margins,
2303-
borders, and padding in the block dimension and flooring the result at
2304-
zero.
2297+
<li>If the column's extent is not fixed, the <a
2298+
href="#fill-available"><i>fill-available</i></a> extent of the element is
2299+
used.
23052300

23062301
<li>The used column-count then follows from filling the resulting columns
23072302
with the element's content.
23082303
</ol>
23092304

23102305
<p>The used measure of the element is then the <a
2311-
href="#max-content"><i>max-content</i></a> measure of the resulting
2312-
multi-column element. (If the content neither wraps nor paginates within
2306+
href="#max-content0"><i>max-content</i></a> measure of the resulting
2307+
multi-column element: if the content neither wraps nor paginates within
23132308
the multi-column element, then this will be the intrinsic measure of the
23142309
content; else it will be calculated from the used column width, column
2315-
count, and column gap.)
2310+
count, and column gap.
23162311

23172312
<p>The used extent of the element is either the used column extent (if
23182313
multiple columns were used) or the intrinsic extent of the content.
@@ -2795,8 +2790,9 @@ <h2 class=no-num id=script-orientations>Appendix A: Script Orientations</h2>
27952790
value of 'text-orientation'.
27962791
-->
27972792

2798-
<h2 class=no-num id=appendix-b-intrinsic-sizing>Appendix B: Intrinsic
2799-
Sizing</h2>
2793+
<h2 class=no-num id=intrinsic-sizing>Appendix B: Intrinsic Sizing</h2>
2794+
2795+
<p><em>This section is normative.</em>
28002796

28012797
<p>CSS layout has several different concepts of automatic sizing that are
28022798
used in various layout calculations. This section defines some more
@@ -2835,14 +2831,18 @@ <h2 class=no-num id=appendix-b-intrinsic-sizing>Appendix B: Intrinsic
28352831
<dt><dfn id=fill-available>fill-available</dfn>
28362832

28372833
<dd>Called the <i>available width</i> in <a
2838-
href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1&sect;10.3.5</a>,
2834+
href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1&sect;10.3.5</a>
2835+
and computed by the rules in <a
2836+
href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">CSS2.1&sect;10.3.3</a>,
28392837
the <dfn id=fill-available-measure>fill-available measure</dfn> is
2840-
calculated by the rules in <a
2841-
href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">CSS2.1&sect;10.3.3</a>
2842-
using the <i>available measure</i> as the containing block width. If the
2838+
calculated by subtracting out the element's margins, borders, and padding
2839+
from the <i>available measure</i> and flooring the result at zero. If the
28432840
available measure is infinite, then a <dfn id=fallback-measure>fallback
2844-
measure</dfn> is used in its place. (In the case of orthogonal flows,
2845-
this is the measure of the initial containing block.)
2841+
measure</dfn> is used in place of the <i>available measure</i> in this
2842+
calculation. (In the case of orthogonal flows, this is the measure of the
2843+
initial containing block.) The <dfn
2844+
id=fill-available-extent>fill-available extent</dfn> is similarly
2845+
calculated by using the corresponding values from the block dimension.
28462846

28472847
<dt><dfn id=fit-content>fit-content</dfn>
28482848

@@ -2852,24 +2852,37 @@ <h2 class=no-num id=appendix-b-intrinsic-sizing>Appendix B: Intrinsic
28522852
Multi-column Layout &sect; 3.4</a>, the <dfn
28532853
id=fit-content-measure>fit-content measure</dfn> is defined as max(<a
28542854
href="#min-content"><i>min-content</i></a>, min(<a
2855-
href="#max-content"><i>max-content</i></a>, <a
2855+
href="#max-content0"><i>max-content</i></a>, <a
28562856
href="#fill-available"><i>fill-available</i></a>)) if the available
28572857
measure is finite, and as the <a
2858-
href="#max-content"><i>max-content</i></a> measure otherwise.
2858+
href="#max-content0"><i>max-content</i></a> measure otherwise. The <dfn
2859+
id=fit-content-extent>fit-content extent</dfn> is calculated from the
2860+
same expression applied to the block dimension.
28592861
</dl>
28602862

28612863
<p>Because they are derived from the content of the element, the <a
28622864
href="#min-content"><i>min-content</i></a> and <a
2863-
href="#max-content"><i>max-content</i></a> measures are considered to be
2865+
href="#max-content0"><i>max-content</i></a> measures are considered to be
28642866
types of <dfn id=intrinsic-measure>intrinsic measure</dfn>.
28652867

2866-
<p>So far in CSS, there is only one type <dfn id=intrinsic-extent>intrinsic
2867-
extent</dfn> for non-replaced elements: the extent derived from the
2868-
content height as defined in <a
2868+
<p>For the layout models in CSS2.1, there is only one type <dfn
2869+
id=intrinsic-extent>intrinsic extent</dfn> for non-replaced elements: the
2870+
extent derived from the content extent as defined (for horizontal writing
2871+
modes) in <a
28692872
href="http://www.w3.org/TR/CSS21/visudet.html#normal-block">CSS2.1&sect;10.6.3</a>.
2870-
2873+
This measurement is considered to be both the <dfn
2874+
id=min-content-extent>min-content extent</dfn> and <dfn
2875+
id=max-content0>max-content</dfn> extent.
2876+
2877+
<p>For multi-column elements laid out with infinite available measure (see
2878+
<a href="#orthogonal-multicol">Multi-column Layout in Orthogonal
2879+
Flows</a>), however, the <a href="#min-content"><i>min-content</i></a>
2880+
extent is the extent that would result from taking every permissible
2881+
pagination break as a column break, and the <a
2882+
href="#max-content0"><i>max-content</i></a> extent is the extent that
2883+
would result from taking only the forced breaks.
28712884

2872-
<h2 class=no-num id=appendix-c-references>Appendix C: References</h2>
2885+
<h2 class=no-num id=references>References</h2>
28732886

28742887
<h3 class=no-num id=normative-references>Normative references</h3>
28752888
<!--begin-normative-->
@@ -3008,4 +3021,104 @@ <h3 class=no-num id=other-references>Other references</h3>
30083021
</dl>
30093022
<!--end-informative-->
30103023

3011-
<p> <!-- Add property index and alphabetic index? -->
3024+
<h2 class=no-num id=property-index>Property Index</h2>
3025+
<!--begin-properties-->
3026+
3027+
<table class=proptable>
3028+
<thead>
3029+
<tr>
3030+
<th>Property
3031+
3032+
<th>Values
3033+
3034+
<th>Initial
3035+
3036+
<th>Applies&nbsp;to
3037+
3038+
<th>Inh.
3039+
3040+
<th>Percentages
3041+
3042+
<th>Media
3043+
3044+
<tbody>
3045+
<tr valign=baseline>
3046+
<td><a class=property href="#direction0">direction</a>
3047+
3048+
<td>ltr | rtl
3049+
3050+
<td>ltr
3051+
3052+
<td>all elements
3053+
3054+
<td>yes
3055+
3056+
<td>N/A
3057+
3058+
<td>visual
3059+
3060+
<tr valign=baseline>
3061+
<td><a class=property href="#text-combine0">text-combine</a>
3062+
3063+
<td>none | [ horizontal &lt;number&gt;? ]
3064+
3065+
<td>none
3066+
3067+
<td>non-replaced inline elements
3068+
3069+
<td>no
3070+
3071+
<td>N/A
3072+
3073+
<td>visual
3074+
3075+
<tr valign=baseline>
3076+
<td><a class=property href="#text-orientation0">text-orientation</a>
3077+
3078+
<td>vertical-right | upright | rotate-right | rotate-left |
3079+
rotate-normal | auto
3080+
3081+
<td>vertical-right
3082+
3083+
<td>all elements except table row groups, rows, column groups, and
3084+
columns
3085+
3086+
<td>yes
3087+
3088+
<td>N/A
3089+
3090+
<td>visual
3091+
3092+
<tr valign=baseline>
3093+
<td><a class=property href="#unicode-bidi0">unicode-bidi</a>
3094+
3095+
<td>normal | [ [ embed | isolate ] || [ plaintext | bidi-override ] ]
3096+
3097+
<td>normal
3098+
3099+
<td>all elements, but see prose
3100+
3101+
<td>no
3102+
3103+
<td>N/A
3104+
3105+
<td>visual
3106+
3107+
<tr valign=baseline>
3108+
<td><a class=property href="#writing-mode1">writing-mode</a>
3109+
3110+
<td>horizontal-tb | vertical-rl | vertical-lr
3111+
3112+
<td>horizontal-tb
3113+
3114+
<td>All elements except table row groups, table column groups, table
3115+
rows, and table columns
3116+
3117+
<td>yes
3118+
3119+
<td>N/A
3120+
3121+
<td>visual
3122+
</table>
3123+
<!--end-properties-->
3124+
<!-- Add alphabetic index? -->

0 commit comments

Comments
 (0)