- From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 27 Apr 2011 07:46:01 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-writing-modes
In directory hutz:/tmp/cvs-serv24301
Modified Files:
Overview.html Overview.src.html
Log Message:
Define various types of intrinsic sizes.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-writing-modes/Overview.html,v
retrieving revision 1.93
retrieving revision 1.94
diff -u -d -r1.93 -r1.94
--- Overview.html 6 Apr 2011 17:55:45 -0000 1.93
+++ Overview.html 27 Apr 2011 07:45:59 -0000 1.94
@@ -28,7 +28,7 @@
<h1>CSS Writing Modes Module Level 3</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 6 April 2011</h2>
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 27 April 2011</h2>
<dl>
<dt>This version:
@@ -36,7 +36,7 @@
<dd><a
href="http://dev.w3.org/csswg/css3-writing-modes/">http://dev.w3.org/csswg/css3-writing-modes/</a>
<!--
- <dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110406">http://www.w3.org/TR/2011/ED-css3-writing-modes-20110406</a>
+ <dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110427">http://www.w3.org/TR/2011/ED-css3-writing-modes-20110427</a>
-->
@@ -271,7 +271,10 @@
<li class=no-num><a href="#script-orientations">Appendix A: Script
Orientations</a>
- <li class=no-num><a href="#appendix-b-references">Appendix B:
+ <li class=no-num><a href="#appendix-b-intrinsic-sizing">Appendix B:
+ Intrinsic Sizing</a>
+
+ <li class=no-num><a href="#appendix-c-references">Appendix C:
References</a>
<ul class=toc>
<li class=no-num><a href="#normative-references">Normative
@@ -909,10 +912,10 @@
<div class=figure>
<p><img alt="A dictionary definition for ヴィルス
- might write the English word ‘<code
- class=property>virus</code>’ rotated 90° clockwise, but stack
- the letters of the initialisms </code>’RNA' and 'DNA' upright."
- src=vert-latin-layouts.png></p>
+ might write the English word </code>’virus' rotated 90°
+ clockwise, but stack the letters of the initialisms ‘<code
+ class=property>RNA</code>’ and ‘<code
+ class=property>DNA</code>’ upright." src=vert-latin-layouts.png></p>
<p class=caption>Examples of Latin in vertical Japanese: Daijirin Viewer
1.4 (iOS)</p>
@@ -2143,15 +2146,15 @@
with respect to the page. Specifically:
<ul>
- <li>The ‘<code class=css>repeat-x</code>’ keyword of ‘<code class=property>background-repeat</code>’ tiles in the
+ <li>The ''repeat-x'' keyword of 'background-repeat' tiles in the
inline dimension of the element, which is not necessarily the
horizontal dimension. [[!CSS21]] [[!CSS3BG]]
- <li>The ‘<code class=css>repeat-y</code>’ keyword of ‘<code class=property>background-repeat</code>’ tiles in the
+ <li>The ''repeat-y'' keyword of 'background-repeat' tiles in the
block flow dimension of the element, which is not necessarily
the vertical dimension. [[!CSS21]] [[!CSS3BG]]
- <li>The ‘<code class=property>overflow-x</code>’ property controls overflow in the inline
+ <li>The 'overflow-x' property controls overflow in the inline
dimension of the element. [[!CSS3UI]]
- <li>The ‘<code class=property>overflow-y</code>’ property controls overflow in the block
+ <li>The 'overflow-y' property controls overflow in the block
flow dimension of the element. [[!CSS3UI]]
</ul>
-->
@@ -2244,9 +2247,10 @@
<p>If the computed measure of an element establishing an orthogonal flow is
‘<a href="#auto"><code class=css>auto</code></a>’, then the
- used measure is calculated as the shrink-to-fit (‘<code
- class=css>fit-content</code>’) value using the initial containing
- block's measure as the available size in the shrink-to-fit algorithm.
+ used measure is calculated as the shrink-to-fit (<a
+ href="#fit-content"><i>fit-content</i></a>) value using the initial
+ containing block's measure as the available size in the shrink-to-fit
+ algorithm.
<p class=note>As with other shrink-to-fit boxes, the width and height
calculations occur before auto margin calculations in the inline
@@ -2283,19 +2287,16 @@
with the element's content.
</ol>
- <p>The used measure of the element is then the ‘<code
- class=css>max-content</code>’ measure of the resulting multi-column
- element. (If the content neither wraps nor paginates within the
- multi-column element, then this will be the intrinsic measure of the
+ <p>The used measure of the element is then the <a
+ href="#max-content"><i>max-content</i></a> measure of the resulting
+ multi-column element. (If the content neither wraps nor paginates within
+ the multi-column element, then this will be the intrinsic measure of the
content; else it will be calculated from the used column width, column
count, and column gap.)
<p>The used extent of the element is either the used column extent (if
multiple columns were used) or the intrinsic extent of the content.
- <p class=issue>Does CSS3 Multi-col define shrink-wrap sizing? Because
- that's what we're trying to use here in the last two steps...
-
<p class=note>This should behave the same as the auto-sizing algorithm
defined in the previous section, except overflowing content, instead of
continuing off the side of the containing block, is wrapped into columns
@@ -2495,7 +2496,7 @@
<p>This section defines the mapping of HTML presentational attributes
in CSS. This section is normative for user agents supporting HTML
- in addition to the ‘<code class=property>writing-mode</code>’ property. [[!HTML40]] [[!HTML5]]
+ in addition to the 'writing-mode' property. [[!HTML40]] [[!HTML5]]
<h4 id="width-height-attributes">The <code>width</code> and <code>height</code> attributes</h4>
@@ -2534,9 +2535,9 @@
CSS properties:</p>
<ul>
- <li><code>align</code> as ‘<code class=property>float</code>’ or ‘<code class=property>text-align</code>’</li>
- <li><code>clear</code> as ‘<code class=property>clear</code>’</li>
- <li><code>valign</code> as ‘<code class=property>vertical-align</code>’</li>
+ <li><code>align</code> as 'float' or 'text-align'</li>
+ <li><code>clear</code> as 'clear'</li>
+ <li><code>valign</code> as 'vertical-align'</li>
</ul>
<h4 id="spacing-attributes">Spacing Attributes</h4>
@@ -2768,11 +2769,84 @@
because it is a bottom-to-top script for the purposes of this
specification it is treated as left-to-right horizontal. A future
version of CSS may define proper handling of bottom-to-top scripts.
- Authors can work around this lack of support with the ‘<code class=css>rotate-left</code>’
- value of ‘<code class=property>text-orientation</code>’.
+ Authors can work around this lack of support with the ''rotate-left''
+ value of 'text-orientation'.
-->
- <h2 class=no-num id=appendix-b-references>Appendix B: References</h2>
+ <h2 class=no-num id=appendix-b-intrinsic-sizing>Appendix B: Intrinsic
+ Sizing</h2>
+
+ <p>CSS layout has several different concepts of automatic sizing that are
+ used in various layout calculations. This section defines some more
+ precise terminology to help connect the layout behaviors of this spec to
+ the calculations used in other modules.
+
+ <p>There are four types of automatically-determined measures in CSS:
+ <!-- XXX Make these anchors dated once CSS2.1 hits REC, since we might
+ decide to fix these gross editorial inconsistencies at some point in
+ the errata. -->
+
+
+ <dl>
+ <dt><dfn id=min-content>min-content</dfn>
+
+ <dd>Called the <i>preferred minimum width</i> in <a
+ href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>
+ and the <i>minimum content width</i> in <a
+ href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout">CSS2.1§5.2.2</a>,
+ the <dfn id=min-content-measure>min-content measure</dfn> is defined
+ roughly as the narrowest measure a box could take while fitting around
+ its contents if <em>all</em> line break opportunities within the box were
+ taken.
+
+ <dt><dfn id=max-content>max-content</dfn>
+
+ <dd>Called the <i>preferred width</i> in <a
+ href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>
+ and the <i>maximum cell width</i> in <a
+ href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout">CSS2.1§5.2.2</a>,
+ the <dfn id=max-content-measure>max-content measure</dfn> is defined
+ roughly as the narrowest measure a box could take while fitting around
+ its contents if <em>none</em> of the optional line break opportunities
+ within the box were taken.
+
+ <dt><dfn id=fill-available>fill-available</dfn>
+
+ <dd>Called the <i>available width</i> in <a
+ href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>,
+ the <dfn id=fill-available-measure>fill-available measure</dfn> is
+ calculated by the rules in <a
+ href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">CSS2.1§10.3.3</a>
+ using the <i>available measure</i> as the containing block width. If the
+ available measure is infinite, then a <dfn id=fallback-measure>fallback
+ measure</dfn> is used in its place. (In the case of orthogonal flows,
+ this is the measure of the initial containing block.)
+
+ <dt><dfn id=fit-content>fit-content</dfn>
+
+ <dd>Called the <i>shrink-to-fit</i> width in <a
+ href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>,
+ and <a href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm">CSS3
+ Multi-column Layout § 3.4</a>, the <dfn
+ id=fit-content-measure>fit-content measure</dfn> is defined as max(<a
+ href="#min-content"><i>min-content</i></a>, min(<a
+ href="#max-content"><i>max-content</i></a>, <i>fit-available</i>)) if the
+ available measure is finite, and as the <a
+ href="#max-content"><i>max-content</i></a> measure otherwise.
+ </dl>
+
+ <p>Because they are derived from the content of the element, the <a
+ href="#min-content"><i>min-content</i></a> and <a
+ href="#max-content"><i>max-content</i></a> measures are considered to be
+ types of <dfn id=intrinsic-measure>intrinsic measure</dfn>.
+
+ <p>So far in CSS, there is only one type <dfn id=intrinsic-extent>intrinsic
+ extent</dfn> for non-replaced elements: the extent derived from the
+ content height as defined in <a
+ href="http://www.w3.org/TR/CSS21/visudet.html#normal-block">CSS2.1§10.6.3</a>.
+
+
+ <h2 class=no-num id=appendix-c-references>Appendix C: References</h2>
<h3 class=no-num id=normative-references>Normative references</h3>
<!--begin-normative-->
@@ -2785,20 +2859,20 @@
<dt id=CSS21>[CSS21]
<dd>Bert Bos; et al. <a
- href="http://www.w3.org/TR/2010/WD-CSS2-20101207"><cite>Cascading Style
- Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 December
- 2010. W3C Working Draft. (Work in progress.) URL: <a
- href="http://www.w3.org/TR/2010/WD-CSS2-20101207">http://www.w3.org/TR/2010/WD-CSS2-20101207</a>
+ href="http://www.w3.org/TR/2009/CR-CSS2-20090423"><cite>Cascading Style
+ Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 23
+ April 2009. W3C Candidate Recommendation. (Work in progress.) URL: <a
+ href="http://www.w3.org/TR/2009/CR-CSS2-20090423">http://www.w3.org/TR/2009/CR-CSS2-20090423</a>
</dd>
<!---->
<dt id=CSS3COL>[CSS3COL]
<dd>Håkon Wium Lie. <a
- href="http://www.w3.org/TR/2009/CR-css3-multicol-20091217"><cite>CSS
- Multi-column Layout Module.</cite></a> 17 December 2009. W3C Candidate
+ href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412"><cite>CSS
+ Multi-column Layout Module.</cite></a> 12 April 2011. W3C Candidate
Recommendation. (Work in progress.) URL: <a
- href="http://www.w3.org/TR/2009/CR-css3-multicol-20091217">http://www.w3.org/TR/2009/CR-css3-multicol-20091217</a>
+ href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412">http://www.w3.org/TR/2011/CR-css3-multicol-20110412</a>
</dd>
<!---->
@@ -2814,10 +2888,10 @@
<dt id=SVG11>[SVG11]
<dd>Erik Dahlström; et al. <a
- href="http://www.w3.org/TR/2010/WD-SVG11-20100622"><cite>Scalable Vector
+ href="http://www.w3.org/TR/2010/WD-SVG11-20100622/"><cite>Scalable Vector
Graphics (SVG) 1.1 (Second Edition).</cite></a> 22 June 2010. W3C Working
Draft. (Work in progress.) URL: <a
- href="http://www.w3.org/TR/2010/WD-SVG11-20100622">http://www.w3.org/TR/2010/WD-SVG11-20100622</a>
+ href="http://www.w3.org/TR/2010/WD-SVG11-20100622/">http://www.w3.org/TR/2010/WD-SVG11-20100622/</a>
</dd>
<!---->
@@ -2874,7 +2948,7 @@
<dt id=CSS3PAGE>[CSS3PAGE]
- <dd>Melinda Grant; Håkon Wium Lie. <a
+ <dd>Håkon Wium Lie; Melinda Grant. <a
href="http://www.w3.org/TR/2006/WD-css3-page-20061010"><cite>CSS3 Module:
Paged Media.</cite></a> 10 October 2006. W3C Working Draft. (Work in
progress.) URL: <a
@@ -2885,16 +2959,16 @@
<dt id=CSS3TEXT>[CSS3TEXT]
<dd>Elika J. Etemad; Koji Ishii; Shinyu Murakami. <a
- href="http://www.w3.org/TR/2011/WD-css3-text-20110215"><cite>CSS Text
- Level 3.</cite></a> 15 February 2011. W3C Working Draft. (Work in
- progress.) URL: <a
- href="http://www.w3.org/TR/2011/WD-css3-text-20110215">http://www.w3.org/TR/2011/WD-css3-text-20110215</a>
+ href="http://www.w3.org/TR/2011/WD-css3-text-20110412/"><cite>CSS Text
+ Level 3.</cite></a> 12 April 2011. W3C Working Draft. (Work in progress.)
+ URL: <a
+ href="http://www.w3.org/TR/2011/WD-css3-text-20110412/">http://www.w3.org/TR/2011/WD-css3-text-20110412/</a>
</dd>
<!---->
<dt id=HTML401>[HTML401]
- <dd>David Raggett; Ian Jacobs; Arnaud Le Hors. <a
+ <dd>Dave Raggett; Arnaud Le Hors; Ian Jacobs. <a
href="http://www.w3.org/TR/1999/REC-html401-19991224"><cite>HTML 4.01
Specification.</cite></a> 24 December 1999. W3C Recommendation. URL: <a
href="http://www.w3.org/TR/1999/REC-html401-19991224">http://www.w3.org/TR/1999/REC-html401-19991224</a>
@@ -2910,4 +2984,5 @@
<!---->
</dl>
<!--end-informative-->
- <!-- Add property index and alphabetic index? -->
+
+ <p> <!-- Add property index and alphabetic index? -->
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-writing-modes/Overview.src.html,v
retrieving revision 1.97
retrieving revision 1.98
diff -u -d -r1.97 -r1.98
--- Overview.src.html 6 Apr 2011 17:55:46 -0000 1.97
+++ Overview.src.html 27 Apr 2011 07:45:59 -0000 1.98
@@ -1654,7 +1654,7 @@
<p>If the computed measure of an element establishing an orthogonal
flow is ''auto'', then the used measure is calculated as the
- shrink-to-fit (''fit-content'') value using the initial containing
+ shrink-to-fit (<i>fit-content</i>) value using the initial containing
block's measure as the available size in the shrink-to-fit algorithm.
<p class="note">As with other shrink-to-fit boxes, the width and
@@ -1687,7 +1687,7 @@
columns with the element's content.
</ol>
- <p>The used measure of the element is then the ''max-content'' measure
+ <p>The used measure of the element is then the <i>max-content</i> measure
of the resulting multi-column element.
(If the content neither wraps nor paginates within the multi-column
element, then this will be the intrinsic measure of the content;
@@ -1696,9 +1696,6 @@
<p>The used extent of the element is either the used column extent
(if multiple columns were used) or the intrinsic extent of the content.
- <p class="issue">Does CSS3 Multi-col define shrink-wrap sizing? Because
- that's what we're trying to use here in the last two steps...</p>
-
<p class="note">This should behave the same as the auto-sizing algorithm
defined in the previous section, except overflowing content, instead of
continuing off the side of the containing block, is wrapped into
@@ -2085,7 +2082,66 @@
value of 'text-orientation'.
-->
-<h2 class="no-num">Appendix B: References</h2>
+<h2 class="no-num">Appendix B:
+Intrinsic Sizing</h2>
+
+ <p>CSS layout has several different concepts of automatic sizing that
+ are used in various layout calculations. This section defines some
+ more precise terminology to help connect the layout behaviors of this
+ spec to the calculations used in other modules.
+
+ <p>There are four types of automatically-determined measures in CSS:
+
+ <!-- XXX Make these anchors dated once CSS2.1 hits REC, since we might
+ decide to fix these gross editorial inconsistencies at some point in
+ the errata. -->
+
+ <dl>
+ <dt><dfn>min-content</dfn></dt>
+ <dd>Called the <i>preferred minimum width</i> in
+ <a href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>
+ and the <i>minimum content width</i> in
+ <a href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout">CSS2.1§5.2.2</a>,
+ the <dfn>min-content measure</dfn> is defined roughly as the narrowest
+ measure a box could take while fitting around its contents if <em>all</em>
+ line break opportunities within the box were taken.
+ <dt><dfn>max-content</dfn></dt>
+ <dd>Called the <i>preferred width</i> in
+ <a href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>
+ and the <i>maximum cell width</i> in
+ <a href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout">CSS2.1§5.2.2</a>,
+ the <dfn>max-content measure</dfn> is defined roughly as the narrowest
+ measure a box could take while fitting around its contents if <em>none</em>
+ of the optional line break opportunities within the box were taken.
+ <dt><dfn>fill-available</dfn></dt>
+ <dd>Called the <i>available width</i> in
+ <a href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>,
+ the <dfn>fill-available measure</dfn> is calculated by the rules in
+ <a href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">CSS2.1§10.3.3</a>
+ using the <i>available measure</i> as the containing block width.
+ If the available measure is infinite, then a <dfn>fallback measure</dfn>
+ is used in its place. (In the case of orthogonal flows, this is the
+ measure of the initial containing block.)
+ <dt><dfn>fit-content</dfn></dt>
+ <dd>Called the <i>shrink-to-fit</i> width in
+ <a href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>,
+ and
+ <a href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm">CSS3 Multi-column Layout § 3.4</a>,
+ the <dfn>fit-content measure</dfn> is defined as
+ max(<i>min-content</i>, min(<i>max-content</i>, <i>fit-available</i>))
+ if the available measure is finite, and as the <i>max-content</i>
+ measure otherwise.
+ </dl>
+
+ <p>Because they are derived from the content of the element, the
+ <i>min-content</i> and <i>max-content</i> measures are considered
+ to be types of <dfn>intrinsic measure</dfn>.
+
+ <p>So far in CSS, there is only one type <dfn>intrinsic extent</dfn>
+ for non-replaced elements: the extent derived from the content height
+ as defined in <a href="http://www.w3.org/TR/CSS21/visudet.html#normal-block">CSS2.1§10.6.3</a>.
+
+<h2 class="no-num">Appendix C: References</h2>
<h3 class="no-num">Normative references</h3>
<!--normative-->
@@ -2093,6 +2149,9 @@
<h3 class="no-num">Other references</h3>
<!--informative-->
+
+<p>
+
<!-- Add property index and alphabetic index? -->
</body>
</html>
Received on Wednesday, 27 April 2011 07:46:04 UTC