2828
2929 < h1 > CSS Writing Modes Module Level 3</ h1 >
3030
31- < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 6 April 2011</ h2 >
31+ < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 27 April 2011</ h2 >
3232
3333 < dl >
3434 < dt > This version:
3535
3636 < dd > < a
3737 href ="http://dev.w3.org/csswg/css3-writing-modes/ "> http://dev.w3.org/csswg/css3-writing-modes/</ a >
3838 <!--
39- <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>
39+ <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>
4040-->
4141
4242
@@ -271,7 +271,10 @@ <h2 class="no-num no-toc" id=Contents>Table of Contents</h2>
271271 < li class =no-num > < a href ="#script-orientations "> Appendix A: Script
272272 Orientations</ a >
273273
274- < li class =no-num > < a href ="#appendix-b-references "> Appendix B:
274+ < li class =no-num > < a href ="#appendix-b-intrinsic-sizing "> Appendix B:
275+ Intrinsic Sizing</ a >
276+
277+ < li class =no-num > < a href ="#appendix-c-references "> Appendix C:
275278 References</ a >
276279 < ul class =toc >
277280 < li class =no-num > < a href ="#normative-references "> Normative
@@ -909,10 +912,10 @@ <h2 id=vertical-intro><span class=secno>3. </span> Introduction to Vertical
909912
910913 < div class =figure >
911914 < p > < img alt ="A dictionary definition for ヴィルス
912- might write the English word ‘< code
913- class=property>virus</code>’ rotated 90° clockwise, but stack
914- the letters of the initialisms </code>’RNA' and 'DNA' upright. "
915- src =vert-latin-layouts.png > </ p >
915+ might write the English word </ code>’virus' rotated 90°
916+ clockwise, but stack the letters of the initialisms ‘<code
917+ class=property>RNA </code>’ and ‘<code
918+ class=property>DNA</code>’ upright. " src =vert-latin-layouts.png > </ p >
916919
917920 < p class =caption > Examples of Latin in vertical Japanese: Daijirin Viewer
918921 1.4 (iOS)</ p >
@@ -2143,15 +2146,15 @@ <h3 id=dimension-mapping><span class=secno>7.2. </span> Dimensional Mapping</h3>
21432146 with respect to the page. Specifically:
21442147
21452148 <ul>
2146- <li>The ‘<code class=css> repeat-x</code>’ keyword of ‘<code class=property> background-repeat</code>’ tiles in the
2149+ <li>The '' repeat-x'' keyword of ' background-repeat' tiles in the
21472150 inline dimension of the element, which is not necessarily the
21482151 horizontal dimension. [[!CSS21]] [[!CSS3BG]]
2149- <li>The ‘<code class=css> repeat-y</code>’ keyword of ‘<code class=property> background-repeat</code>’ tiles in the
2152+ <li>The '' repeat-y'' keyword of ' background-repeat' tiles in the
21502153 block flow dimension of the element, which is not necessarily
21512154 the vertical dimension. [[!CSS21]] [[!CSS3BG]]
2152- <li>The ‘<code class=property> overflow-x</code>’ property controls overflow in the inline
2155+ <li>The ' overflow-x' property controls overflow in the inline
21532156 dimension of the element. [[!CSS3UI]]
2154- <li>The ‘<code class=property> overflow-y</code>’ property controls overflow in the block
2157+ <li>The ' overflow-y' property controls overflow in the block
21552158 flow dimension of the element. [[!CSS3UI]]
21562159 </ul>
21572160-->
@@ -2244,9 +2247,10 @@ <h4 id=orthogonal-auto><span class=secno>7.3.1. </span> Auto-sizing in
22442247
22452248 < p > If the computed measure of an element establishing an orthogonal flow is
22462249 ‘< a href ="#auto "> < code class =css > auto</ code > </ a > ’, then the
2247- used measure is calculated as the shrink-to-fit (‘< code
2248- class =css > fit-content</ code > ’) value using the initial containing
2249- block's measure as the available size in the shrink-to-fit algorithm.
2250+ used measure is calculated as the shrink-to-fit (< a
2251+ href ="#fit-content "> < i > fit-content</ i > </ a > ) value using the initial
2252+ containing block's measure as the available size in the shrink-to-fit
2253+ algorithm.
22502254
22512255 < p class =note > As with other shrink-to-fit boxes, the width and height
22522256 calculations occur before auto margin calculations in the inline
@@ -2283,19 +2287,16 @@ <h4 id=orthogonal-multicol><span class=secno>7.3.2. </span> Multi-column
22832287 with the element's content.
22842288 </ ol >
22852289
2286- < p > The used measure of the element is then the ‘ < code
2287- class = css > max-content</ code > ’ measure of the resulting multi-column
2288- element. (If the content neither wraps nor paginates within the
2289- multi-column element, then this will be the intrinsic measure of the
2290+ < p > The used measure of the element is then the < a
2291+ href =" #max-content " > < i > max-content</ i > </ a > measure of the resulting
2292+ multi-column element. (If the content neither wraps nor paginates within
2293+ the multi-column element, then this will be the intrinsic measure of the
22902294 content; else it will be calculated from the used column width, column
22912295 count, and column gap.)
22922296
22932297 < p > The used extent of the element is either the used column extent (if
22942298 multiple columns were used) or the intrinsic extent of the content.
22952299
2296- < p class =issue > Does CSS3 Multi-col define shrink-wrap sizing? Because
2297- that's what we're trying to use here in the last two steps...
2298-
22992300 < p class =note > This should behave the same as the auto-sizing algorithm
23002301 defined in the previous section, except overflowing content, instead of
23012302 continuing off the side of the containing block, is wrapped into columns
@@ -2495,7 +2496,7 @@ <h3 id="html-attributes">HTML Attributes</h3>
24952496
24962497 <p>This section defines the mapping of HTML presentational attributes
24972498 in CSS. This section is normative for user agents supporting HTML
2498- in addition to the ‘<code class=property> writing-mode</code>’ property. [[!HTML40]] [[!HTML5]]
2499+ in addition to the ' writing-mode' property. [[!HTML40]] [[!HTML5]]
24992500
25002501 <h4 id="width-height-attributes">The <code>width</code> and <code>height</code> attributes</h4>
25012502
@@ -2534,9 +2535,9 @@ <h4 id="alignment-attributes">Alignment, Float and Clear Attributes</h4>
25342535 CSS properties:</p>
25352536
25362537 <ul>
2537- <li><code>align</code> as ‘<code class=property> float</code>’ or ‘<code class=property> text-align</code>’ </li>
2538- <li><code>clear</code> as ‘<code class=property> clear</code>’ </li>
2539- <li><code>valign</code> as ‘<code class=property> vertical-align</code>’ </li>
2538+ <li><code>align</code> as ' float' or ' text-align' </li>
2539+ <li><code>clear</code> as ' clear' </li>
2540+ <li><code>valign</code> as ' vertical-align' </li>
25402541 </ul>
25412542
25422543 <h4 id="spacing-attributes">Spacing Attributes</h4>
@@ -2768,11 +2769,84 @@ <h2 class=no-num id=script-orientations>Appendix A: Script Orientations</h2>
27682769 because it is a bottom-to-top script for the purposes of this
27692770 specification it is treated as left-to-right horizontal. A future
27702771 version of CSS may define proper handling of bottom-to-top scripts.
2771- Authors can work around this lack of support with the ‘<code class=css> rotate-left</code>’
2772- value of ‘<code class=property> text-orientation</code>’ .
2772+ Authors can work around this lack of support with the '' rotate-left''
2773+ value of ' text-orientation' .
27732774-->
27742775
2775- < h2 class =no-num id =appendix-b-references > Appendix B: References</ h2 >
2776+ < h2 class =no-num id =appendix-b-intrinsic-sizing > Appendix B: Intrinsic
2777+ Sizing</ h2 >
2778+
2779+ < p > CSS layout has several different concepts of automatic sizing that are
2780+ used in various layout calculations. This section defines some more
2781+ precise terminology to help connect the layout behaviors of this spec to
2782+ the calculations used in other modules.
2783+
2784+ < p > There are four types of automatically-determined measures in CSS:
2785+ <!-- XXX Make these anchors dated once CSS2.1 hits REC, since we might
2786+ decide to fix these gross editorial inconsistencies at some point in
2787+ the errata. -->
2788+
2789+
2790+ < dl >
2791+ < dt > < dfn id =min-content > min-content</ dfn >
2792+
2793+ < dd > Called the < i > preferred minimum width</ i > in < a
2794+ href ="http://www.w3.org/TR/CSS21/visudet.html#float-width "> CSS2.1§10.3.5</ a >
2795+ and the < i > minimum content width</ i > in < a
2796+ href ="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout "> CSS2.1§5.2.2</ a > ,
2797+ the < dfn id =min-content-measure > min-content measure</ dfn > is defined
2798+ roughly as the narrowest measure a box could take while fitting around
2799+ its contents if < em > all</ em > line break opportunities within the box were
2800+ taken.
2801+
2802+ < dt > < dfn id =max-content > max-content</ dfn >
2803+
2804+ < dd > Called the < i > preferred width</ i > in < a
2805+ href ="http://www.w3.org/TR/CSS21/visudet.html#float-width "> CSS2.1§10.3.5</ a >
2806+ and the < i > maximum cell width</ i > in < a
2807+ href ="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout "> CSS2.1§5.2.2</ a > ,
2808+ the < dfn id =max-content-measure > max-content measure</ dfn > is defined
2809+ roughly as the narrowest measure a box could take while fitting around
2810+ its contents if < em > none</ em > of the optional line break opportunities
2811+ within the box were taken.
2812+
2813+ < dt > < dfn id =fill-available > fill-available</ dfn >
2814+
2815+ < dd > Called the < i > available width</ i > in < a
2816+ href ="http://www.w3.org/TR/CSS21/visudet.html#float-width "> CSS2.1§10.3.5</ a > ,
2817+ the < dfn id =fill-available-measure > fill-available measure</ dfn > is
2818+ calculated by the rules in < a
2819+ href ="http://www.w3.org/TR/CSS21/visudet.html#blockwidth "> CSS2.1§10.3.3</ a >
2820+ using the < i > available measure</ i > as the containing block width. If the
2821+ available measure is infinite, then a < dfn id =fallback-measure > fallback
2822+ measure</ dfn > is used in its place. (In the case of orthogonal flows,
2823+ this is the measure of the initial containing block.)
2824+
2825+ < dt > < dfn id =fit-content > fit-content</ dfn >
2826+
2827+ < dd > Called the < i > shrink-to-fit</ i > width in < a
2828+ href ="http://www.w3.org/TR/CSS21/visudet.html#float-width "> CSS2.1§10.3.5</ a > ,
2829+ and < a href ="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm "> CSS3
2830+ Multi-column Layout § 3.4</ a > , the < dfn
2831+ id =fit-content-measure > fit-content measure</ dfn > is defined as max(< a
2832+ href ="#min-content "> < i > min-content</ i > </ a > , min(< a
2833+ href ="#max-content "> < i > max-content</ i > </ a > , < i > fit-available</ i > )) if the
2834+ available measure is finite, and as the < a
2835+ href ="#max-content "> < i > max-content</ i > </ a > measure otherwise.
2836+ </ dl >
2837+
2838+ < p > Because they are derived from the content of the element, the < a
2839+ href ="#min-content "> < i > min-content</ i > </ a > and < a
2840+ href ="#max-content "> < i > max-content</ i > </ a > measures are considered to be
2841+ types of < dfn id =intrinsic-measure > intrinsic measure</ dfn > .
2842+
2843+ < p > So far in CSS, there is only one type < dfn id =intrinsic-extent > intrinsic
2844+ extent</ dfn > for non-replaced elements: the extent derived from the
2845+ content height as defined in < a
2846+ href ="http://www.w3.org/TR/CSS21/visudet.html#normal-block "> CSS2.1§10.6.3</ a > .
2847+
2848+
2849+ < h2 class =no-num id =appendix-c-references > Appendix C: References</ h2 >
27762850
27772851 < h3 class =no-num id =normative-references > Normative references</ h3 >
27782852 <!--begin-normative-->
@@ -2785,20 +2859,20 @@ <h3 class=no-num id=normative-references>Normative references</h3>
27852859 < dt id =CSS21 > [CSS21]
27862860
27872861 < dd > Bert Bos; et al. < a
2788- href ="http://www.w3.org/TR/2010/WD -CSS2-20101207 "> < cite > Cascading Style
2789- Sheets Level 2 Revision 1 (CSS 2.1) Specification.</ cite > </ a > 7 December
2790- 2010 . W3C Working Draft . (Work in progress.) URL: < a
2791- href ="http://www.w3.org/TR/2010/WD -CSS2-20101207 "> http://www.w3.org/TR/2010/WD -CSS2-20101207 </ a >
2862+ href ="http://www.w3.org/TR/2009/CR -CSS2-20090423 "> < cite > Cascading Style
2863+ Sheets Level 2 Revision 1 (CSS  2.1) Specification.</ cite > </ a > 23
2864+ April 2009 . W3C Candidate Recommendation . (Work in progress.) URL: < a
2865+ href ="http://www.w3.org/TR/2009/CR -CSS2-20090423 "> http://www.w3.org/TR/2009/CR -CSS2-20090423 </ a >
27922866 </ dd >
27932867 <!---->
27942868
27952869 < dt id =CSS3COL > [CSS3COL]
27962870
27972871 < dd > Håkon Wium Lie. < a
2798- href ="http://www.w3.org/TR/2009 /CR-css3-multicol-20091217 "> < cite > CSS
2799- Multi-column Layout Module.</ cite > </ a > 17 December 2009 . W3C Candidate
2872+ href ="http://www.w3.org/TR/2011 /CR-css3-multicol-20110412 "> < cite > CSS
2873+ Multi-column Layout Module.</ cite > </ a > 12 April 2011 . W3C Candidate
28002874 Recommendation. (Work in progress.) URL: < a
2801- href ="http://www.w3.org/TR/2009 /CR-css3-multicol-20091217 "> http://www.w3.org/TR/2009 /CR-css3-multicol-20091217 </ a >
2875+ href ="http://www.w3.org/TR/2011 /CR-css3-multicol-20110412 "> http://www.w3.org/TR/2011 /CR-css3-multicol-20110412 </ a >
28022876 </ dd >
28032877 <!---->
28042878
@@ -2814,10 +2888,10 @@ <h3 class=no-num id=normative-references>Normative references</h3>
28142888 < dt id =SVG11 > [SVG11]
28152889
28162890 < dd > Erik Dahlström; et al. < a
2817- href ="http://www.w3.org/TR/2010/WD-SVG11-20100622 "> < cite > Scalable Vector
2891+ href ="http://www.w3.org/TR/2010/WD-SVG11-20100622/ "> < cite > Scalable Vector
28182892 Graphics (SVG) 1.1 (Second Edition).</ cite > </ a > 22 June 2010. W3C Working
28192893 Draft. (Work in progress.) URL: < a
2820- href ="http://www.w3.org/TR/2010/WD-SVG11-20100622 "> http://www.w3.org/TR/2010/WD-SVG11-20100622</ a >
2894+ href ="http://www.w3.org/TR/2010/WD-SVG11-20100622/ "> http://www.w3.org/TR/2010/WD-SVG11-20100622/ </ a >
28212895 </ dd >
28222896 <!---->
28232897
@@ -2874,7 +2948,7 @@ <h3 class=no-num id=other-references>Other references</h3>
28742948
28752949 < dt id =CSS3PAGE > [CSS3PAGE]
28762950
2877- < dd > Melinda Grant; Håkon Wium Lie. < a
2951+ < dd > Håkon Wium Lie; Melinda Grant . < a
28782952 href ="http://www.w3.org/TR/2006/WD-css3-page-20061010 "> < cite > CSS3 Module:
28792953 Paged Media.</ cite > </ a > 10 October 2006. W3C Working Draft. (Work in
28802954 progress.) URL: < a
@@ -2885,16 +2959,16 @@ <h3 class=no-num id=other-references>Other references</h3>
28852959 < dt id =CSS3TEXT > [CSS3TEXT]
28862960
28872961 < dd > Elika J. Etemad; Koji Ishii; Shinyu Murakami. < a
2888- href ="http://www.w3.org/TR/2011/WD-css3-text-20110215 "> < cite > CSS Text
2889- Level 3.</ cite > </ a > 15 February 2011. W3C Working Draft. (Work in
2890- progress.) URL: < a
2891- href ="http://www.w3.org/TR/2011/WD-css3-text-20110215 "> http://www.w3.org/TR/2011/WD-css3-text-20110215 </ a >
2962+ href ="http://www.w3.org/TR/2011/WD-css3-text-20110412/ "> < cite > CSS Text
2963+ Level 3.</ cite > </ a > 12 April 2011. W3C Working Draft. (Work in progress.)
2964+ URL: < a
2965+ href ="http://www.w3.org/TR/2011/WD-css3-text-20110412/ "> http://www.w3.org/TR/2011/WD-css3-text-20110412/ </ a >
28922966 </ dd >
28932967 <!---->
28942968
28952969 < dt id =HTML401 > [HTML401]
28962970
2897- < dd > David Raggett; Ian Jacobs; Arnaud Le Hors. < a
2971+ < dd > Dave Raggett; Arnaud Le Hors; Ian Jacobs . < a
28982972 href ="http://www.w3.org/TR/1999/REC-html401-19991224 "> < cite > HTML 4.01
28992973 Specification.</ cite > </ a > 24 December 1999. W3C Recommendation. URL: < a
29002974 href ="http://www.w3.org/TR/1999/REC-html401-19991224 "> http://www.w3.org/TR/1999/REC-html401-19991224</ a >
@@ -2910,4 +2984,5 @@ <h3 class=no-num id=other-references>Other references</h3>
29102984 <!---->
29112985 </ dl >
29122986 <!--end-informative-->
2913- <!-- Add property index and alphabetic index? -->
2987+
2988+ < p > <!-- Add property index and alphabetic index? -->
0 commit comments