W3C home > Mailing lists > Public > public-css-commits@w3.org > April 2011

csswg/css3-writing-modes Overview.html,1.93,1.94 Overview.src.html,1.97,1.98

From: Elika Etemad via cvs-syncmail <cvsmail@w3.org>
Date: Wed, 27 Apr 2011 07:46:01 +0000
To: public-css-commits@w3.org
Message-Id: <E1QEzRh-0006KF-Uw@lionel-hutz.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 &#x30F4;&#x30A3;&#x30EB;&#x30B9;
-    might write the English word &lsquo;<code
-    class=property>virus</code>&rsquo; rotated 90&deg; clockwise, but stack
-    the letters of the initialisms </code>&rsquo;RNA' and 'DNA' upright."
-    src=vert-latin-layouts.png></p>
+    might write the English word </code>&rsquo;virus' rotated 90&deg;
+    clockwise, but stack the letters of the initialisms &lsquo;<code
+    class=property>RNA</code>&rsquo; and &lsquo;<code
+    class=property>DNA</code>&rsquo; 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 &lsquo;<code class=css>repeat-x</code>&rsquo; keyword of &lsquo;<code class=property>background-repeat</code>&rsquo; 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 &lsquo;<code class=css>repeat-y</code>&rsquo; keyword of &lsquo;<code class=property>background-repeat</code>&rsquo; 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 &lsquo;<code class=property>overflow-x</code>&rsquo; property controls overflow in the inline
+    <li>The 'overflow-x' property controls overflow in the inline
       dimension of the element. [[!CSS3UI]]
-    <li>The &lsquo;<code class=property>overflow-y</code>&rsquo; 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
    &lsquo;<a href="#auto"><code class=css>auto</code></a>&rsquo;, then the
-   used measure is calculated as the shrink-to-fit (&lsquo;<code
-   class=css>fit-content</code>&rsquo;) 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 &lsquo;<code
-   class=css>max-content</code>&rsquo; 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 &lsquo;<code class=property>writing-mode</code>&rsquo; 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 &lsquo;<code class=property>float</code>&rsquo; or &lsquo;<code class=property>text-align</code>&rsquo;</li>
-    <li><code>clear</code> as &lsquo;<code class=property>clear</code>&rsquo;</li>
-    <li><code>valign</code> as &lsquo;<code class=property>vertical-align</code>&rsquo;</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 &lsquo;<code class=css>rotate-left</code>&rsquo;
-    value of &lsquo;<code class=property>text-orientation</code>&rsquo;.
+    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&sect;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&sect;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&sect;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&sect;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&sect;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&sect;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&sect;10.3.5</a>,
+    and <a href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm">CSS3
+    Multi-column Layout &sect; 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&sect;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&#160;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&#229;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&#246;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&#229;kon Wium Lie. <a
+   <dd>H&#229;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&sect;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&sect;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&sect;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&sect;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&sect;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&sect;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&sect;10.3.5</a>,
+      and
+      <a href="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm">CSS3 Multi-column Layout &sect; 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&sect;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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 27 April 2011 07:46:05 GMT