1111
1212 < meta content ="CSS Box Alignment Module Level 3 " name =dcterms.title >
1313 < meta content =text name =dcterms.type >
14- < meta content =2013-05 -13 name =dcterms.date >
14+ < meta content =2013-12 -13 name =dcterms.date >
1515 < meta content ="Elika J. Etemad " name =dcterms.creator >
1616 < meta content ="Tab Atkins Jr. " name =dcterms.creator >
1717 < meta content =W3C name =dcterms.publisher >
2323 < link href ="http://www.w3.org/StyleSheets/TR/W3C-ED.css " rel =stylesheet
2424 type ="text/css ">
2525 < style type ="text/css ">
26- .issue th : first-child { text-align : left !important ; }
27- [rowspan ] > img { float : right; }
26+ .issue th : first-child { text-align : left !important ; }
27+ [rowspan ] > img { float : right; }
2828 [rowspan ] { vertical-align : middle; }
2929 small { display : block; }
3030 </ style >
3636
3737 < h1 > CSS Box Alignment Module Level 3</ h1 >
3838
39- < h2 class ="no-num no-toc " id = longstatus-date > Editor's Draft 13 May 2013</ h2 >
39+ < h2 class ="no-num no-toc "> Editor's Draft 13 December 2013</ h2 >
4040
4141 < dl >
4242 < dt > This version:
43- <!--<dd><a href="http://dev.w3.org/csswg/css-align/">http://www.w3.org/TR/2013/WD-css-align-20130513 /</a>-->
43+ <!--<dd><a href="http://dev.w3.org/csswg/css-align/">http://www.w3.org/TR/2013/WD-css-align-20131213 /</a>-->
4444
4545 < dd > < a
4646 href ="http://dev.w3.org/csswg/css-align/ "> http://dev.w3.org/csswg/css-align</ a >
@@ -111,11 +111,11 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
111111 href ="http://www.w3.org/TR/CSS/ "> CSS</ a > relating to the alignment of
112112 boxes within their containers in the various CSS box layout models: block
113113 layout, table layout, flex layout, and grid layout. (The alignment of text
114- and inline-level content is defined in < a href =" #CSS3TEXT "
115- rel = biblioentry > [CSS3TEXT]<!--{{CSS3TEXT}}--> </ a > and < a href =" #CSS3LINE "
116- rel = biblioentry > [CSS3LINE]<!--{{CSS3LINE}}--> </ a > .) CSS is a language for
117- describing the rendering of structured documents (such as HTML and XML) on
118- screen, on paper, in speech, etc.
114+ and inline-level content is defined in < a
115+ href =" #ref-CSS3TEXT " > [CSS3TEXT]<!--{{CSS3TEXT}}--> </ a > and < a
116+ href =" #ref-CSS3LINE " > [CSS3LINE]<!--{{CSS3LINE}}--> </ a > .) CSS is a language
117+ for describing the rendering of structured documents (such as HTML and
118+ XML) on screen, on paper, in speech, etc.
119119
120120 < h2 class ="no-num no-toc " id =status > Status of this document</ h2 >
121121 <!--begin-status-->
@@ -286,8 +286,8 @@ <h2 id=intro><span class=secno>1. </span> Introduction</h2>
286286 alignment model to share among all of CSS.
287287
288288 < p class =note > The alignment of text and inline-level content is defined in
289- < a href ="#CSS3TEXT " rel = biblioentry > [CSS3TEXT]<!--{{CSS3TEXT}}--> </ a > and
290- < a href ="#CSS3LINE " rel = biblioentry > [CSS3LINE]<!--{{CSS3LINE}}--> </ a > .
289+ < a href ="#ref- CSS3TEXT "> [CSS3TEXT]<!--{{CSS3TEXT}}--> </ a > and < a
290+ href ="#ref- CSS3LINE "> [CSS3LINE]<!--{{CSS3LINE}}--> </ a > .
291291
292292 < p > Inspiration for this document:
293293
@@ -308,17 +308,16 @@ <h2 id=intro><span class=secno>1. </span> Introduction</h2>
308308 < h3 id =placement > < span class =secno > 1.1. </ span > Module interactions</ h3 >
309309
310310 < p > This module adds some new alignment capabilities to the block layout
311- model described in < a href ="#CSS21 "
312- rel =biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > chapters 9 and 10 and defines
313- the interaction of these properties with the alignment of table cell
314- content using ‘< code class =property > vertical-align</ code > ’, as defined
315- in < a href ="#CSS21 " rel =biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > chapter
316- 17. The interaction of these properties with Grid Layout < a
317- href ="#CSS3-GRID-LAYOUT "
318- rel =biblioentry > [CSS3-GRID-LAYOUT]<!--{{!CSS3-GRID-LAYOUT}}--> </ a > and
319- Flexible Box Layout < a href ="#CSS3-FLEXBOX "
320- rel =biblioentry > [CSS3-FLEXBOX]<!--{{!CSS3-FLEXBOX}}--> </ a > is defined in
321- their respective modules.
311+ model described in < a href ="#ref-CSS21 "> [CSS21]<!--{{!CSS21}}--> </ a >
312+ chapters 9 and 10 and defines the interaction of these properties with the
313+ alignment of table cell content using ‘< code
314+ class =property > vertical-align</ code > ’, as defined in < a
315+ href ="#ref-CSS21 "> [CSS21]<!--{{!CSS21}}--> </ a > chapter 17. The interaction
316+ of these properties with Grid Layout < a
317+ href ="#ref-CSS3-GRID-LAYOUT "> [CSS3-GRID-LAYOUT]<!--{{!CSS3-GRID-LAYOUT}}--> </ a >
318+ and Flexible Box Layout < a
319+ href ="#ref-CSS3-FLEXBOX "> [CSS3-FLEXBOX]<!--{{!CSS3-FLEXBOX}}--> </ a > is
320+ defined in their respective modules.
322321
323322 < p > No properties in this module apply to the < code > ::first-line</ code > or
324323 < code > ::first-letter</ code > pseudo-elements.
@@ -327,14 +326,14 @@ <h3 id=values><span class=secno>1.2. </span> Values</h3>
327326
328327 < p > This specification follows the < a
329328 href ="http://www.w3.org/TR/CSS21/about.html#property-defs "> CSS property
330- definition conventions</ a > from < a href =" #CSS21 "
331- rel = biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > . Value types not defined in
329+ definition conventions</ a > from < a
330+ href =" #ref-CSS21 " > [CSS21]<!--{{!CSS21}}--> </ a > . Value types not defined in
332331 this specification are defined in CSS Level 2 Revision 1 < a
333- href ="#CSS21 " rel = biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > . Other CSS
334- modules may expand the definitions of these value types: for example < a
335- href ="#CSS3VAL " rel = biblioentry > [CSS3VAL]<!--{{CSS3VAL}}--> </ a > , when
336- combined with this module, adds the ‘< code class =css > initial</ code > ’
337- keyword as a possible property value.
332+ href ="#ref- CSS21 "> [CSS21]<!--{{!CSS21}}--> </ a > . Other CSS modules may
333+ expand the definitions of these value types: for example < a
334+ href ="#ref- CSS3VAL "> [CSS3VAL]<!--{{CSS3VAL}}--> </ a > , when combined with
335+ this module, adds the ‘< code class =css > initial</ code > ’ keyword as a
336+ possible property value.
338337
339338 < p > In addition to the property-specific values listed in their definitions,
340339 all properties defined in this specification also accept the < a
@@ -517,7 +516,7 @@ <h3 id=positional-values><span class=secno>3.1. </span> Positional
517516
518517 < pre class =prod >
519518< dfn
520- id =ltitem-position > <item-position> </ dfn > = center | start | end | self-start | self-end |
519+ id =ltitem-position > <item-position> </ dfn > = center | start | end | self-start | self-end |
521520 flex-start | flex-end | left | right;
522521< dfn
523522 id =ltcontent-position > <content-position> </ dfn > = center | start | end | flex-start | flex-end | left | right;</ pre >
@@ -573,10 +572,10 @@ <h3 id=positional-values><span class=secno>3.1. </span> Positional
573572
574573 < dt > < dfn id =flex-start > ‘< code class =css > flex-start</ code > ’</ dfn >
575574
576- < dd > < strong > Only used in flex layout.</ strong > < a href =" #CSS3-FLEXBOX "
577- rel = biblioentry > [CSS3-FLEXBOX]<!--{{!CSS3-FLEXBOX}}--> </ a > Aligns the < a
578- href ="#alignment-subject "> < i > alignment subject</ i > </ a > to be flush with
579- the edge of the < a href ="#alignment-container "> < i > alignment
575+ < dd > < strong > Only used in flex layout.</ strong > < a
576+ href =" #ref-CSS3-FLEXBOX " > [CSS3-FLEXBOX]<!--{{!CSS3-FLEXBOX}}--> </ a >
577+ Aligns the < a href ="#alignment-subject "> < i > alignment subject</ i > </ a > to
578+ be flush with the edge of the < a href ="#alignment-container "> < i > alignment
580579 container</ i > </ a > corresponding to the < i > flex container</ i > ’s
581580 main-start or cross-start side, as appropriate. When used in layout modes
582581 other than Flexbox, this is equivalent to ‘< a href ="#start "> < code
@@ -690,7 +689,7 @@ <h4 id=baseline-rules><span class=secno>3.2.1. </span> Determining the
690689 inline-axis baseline of the row is their baseline, after baseline
691690 alignment has been performed. Otherwise, the inline-axis baseline of the
692691 row is the bottom content edge of the lowest cell in the row. < a
693- href ="#CSS21 " rel = biblioentry > [CSS21]<!--{{!CSS21}}--> </ a >
692+ href ="#ref- CSS21 "> [CSS21]<!--{{!CSS21}}--> </ a >
694693
695694 < p > A table row has no block-axis baseline.
696695
@@ -706,15 +705,15 @@ <h4 id=baseline-rules><span class=secno>3.2.1. </span> Determining the
706705 < dt > ‘< code class =css > flex</ code > ’
707706
708707 < dd > See < a href ="http://www.w3.org/TR/css3-flexbox/#flex-baselines "> Flex
709- Baselines</ a > in < a href =" #CSS3-FLEXBOX "
710- rel = biblioentry > [CSS3-FLEXBOX]<!--{{!CSS3-FLEXBOX}}--> </ a > .
708+ Baselines</ a > in < a
709+ href =" #ref-CSS3-FLEXBOX " > [CSS3-FLEXBOX]<!--{{!CSS3-FLEXBOX}}--> </ a > .
711710
712711 < dt > ‘< code class =css > grid</ code > ’
713712
714713 < dd > See < a
715714 href ="http://www.w3.org/TR/css3-grid-layout/#grid-baselines "> Grid
716- Baselines</ a > in < a href =" #CSS3-GRID-LAYOUT "
717- rel = biblioentry > [CSS3-GRID-LAYOUT]<!--{{!CSS3-GRID-LAYOUT}}--> </ a > .
715+ Baselines</ a > in < a
716+ href =" #ref-CSS3-GRID-LAYOUT " > [CSS3-GRID-LAYOUT]<!--{{!CSS3-GRID-LAYOUT}}--> </ a > .
718717 </ dl >
719718
720719 < p class =issue > Maybe these things are wrong? CSS 2.1 is really weird about
@@ -1005,8 +1004,9 @@ <h2 id=content-distribution><span class=secno>4. </span> Content
10051004 class =css > stretch</ code > </ a > ’ behaves as ‘< a href ="#start "> < code
10061005 class =css > start</ code > </ a > ’.
10071006
1008- < p > See < a href ="#CSS3-FLEXBOX "
1009- rel =biblioentry > [CSS3-FLEXBOX]<!--{{!CSS3-FLEXBOX}}--> </ a > for details.
1007+ < p > See < a
1008+ href ="#ref-CSS3-FLEXBOX "> [CSS3-FLEXBOX]<!--{{!CSS3-FLEXBOX}}--> </ a > for
1009+ details.
10101010
10111011 < dt > Grid Containers:
10121012
@@ -1196,8 +1196,8 @@ <h3 id=justify-self-property><span class=secno>5.1. </span>
11961196 < p > The default < a href ="#overflow-alignment "> < i > overflow
11971197 alignment</ i > </ a > is ‘< a href ="#safe "> < code
11981198 class =css > safe</ code > </ a > ’. In terms of CSS2.1 block-level formatting
1199- < a href ="#CSS21 " rel = biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > , the rules
1200- for "over-constrained" computations in < a
1199+ < a href ="#ref- CSS21 "> [CSS21]<!--{{!CSS21}}--> </ a > , the rules for
1200+ "over-constrained" computations in < a
12011201 href ="http://www.w3.org/TR/CSS21/visudet.html#blockwidth "> section
12021202 10.3.3</ a > are ignored in favor of alignment as specified here and the
12031203 used value of the offset properties are not adjusted to correct for the
@@ -1238,8 +1238,8 @@ <h3 id=justify-self-property><span class=secno>5.1. </span>
12381238 < p > The default < a href ="#overflow-alignment "> < i > overflow
12391239 alignment</ i > </ a > is ‘< a href ="#safe "> < code
12401240 class =css > safe</ code > </ a > ’. In terms of CSS2.1 formatting < a
1241- href ="#CSS21 " rel = biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > , the rules
1242- for "over-constrained" computations in < a
1241+ href ="#ref- CSS21 "> [CSS21]<!--{{!CSS21}}--> </ a > , the rules for
1242+ "over-constrained" computations in < a
12431243 href ="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width "> section
12441244 10.3.7</ a > are ignored in favor of alignment as specified here and the
12451245 used value of the offset properties are not adjusted to correct for the
@@ -1265,8 +1265,8 @@ <h3 id=justify-self-property><span class=secno>5.1. </span>
12651265 class =property > flex</ code > ’ for stretching and ‘< a
12661266 href ="#justify-content "> < code
12671267 class =property > justify-content</ code > </ a > ’ for < i > main-axis</ i >
1268- alignment. < a href =" #CSS3-FLEXBOX "
1269- rel = biblioentry > [CSS3-FLEXBOX]<!--{{!CSS3-FLEXBOX}}--> </ a >
1268+ alignment. < a
1269+ href =" #ref-CSS3-FLEXBOX " > [CSS3-FLEXBOX]<!--{{!CSS3-FLEXBOX}}--> </ a >
12701270
12711271 < dt > Grid Items:
12721272
@@ -1367,8 +1367,8 @@ <h3 id=align-self-property><span class=secno>5.2. </span> Block/Cross-Axis
13671367 < p > The ‘< code class =css > auto</ code > ’ keyword computes to ‘< a
13681368 href ="#stretch0 "> < code class =css > stretch</ code > </ a > ’ on
13691369 absolutely-positioned elements, and to the computed value of ‘< a
1370- href ="#justify -items "> < code class =property > justify -items</ code > </ a > ’ on
1371- the parent (minus any ‘< a href ="#legacy "> < code
1370+ href ="#align -items "> < code class =property > align -items</ code > </ a > ’ on the
1371+ parent (minus any ‘< a href ="#legacy "> < code
13721372 class =css > legacy</ code > </ a > ’ keywords) on all other boxes.
13731373
13741374 < dl >
@@ -1409,8 +1409,8 @@ <h3 id=align-self-property><span class=secno>5.2. </span> Block/Cross-Axis
14091409 < p > The default < a href ="#overflow-alignment "> < i > overflow
14101410 alignment</ i > </ a > is ‘< a href ="#safe "> < code
14111411 class =css > safe</ code > </ a > ’. In terms of CSS2.1 formatting < a
1412- href ="#CSS21 " rel = biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > , the rules
1413- for "over-constrained" computations in < a
1412+ href ="#ref- CSS21 "> [CSS21]<!--{{!CSS21}}--> </ a > , the rules for
1413+ "over-constrained" computations in < a
14141414 href ="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height "> section
14151415 10.6.4</ a > are ignored in favor of alignment as specified here and the
14161416 used value of the offset properties are not adjusted to correct for the
@@ -1441,8 +1441,8 @@ <h3 id=align-self-property><span class=secno>5.2. </span> Block/Cross-Axis
14411441 item</ i > ’s margin box. The default < a
14421442 href ="#overflow-alignment "> < i > overflow alignment</ i > </ a > is ‘< a
14431443 href ="#true "> < code class =css > true</ code > </ a > ’. See < a
1444- href ="#CSS3-FLEXBOX "
1445- rel = biblioentry > [CSS3-FLEXBOX] <!--{{!CSS3-FLEXBOX}}--> </ a > for details.
1444+ href ="#ref- CSS3-FLEXBOX "> [CSS3-FLEXBOX] <!--{{!CSS3-FLEXBOX}}--> </ a > for
1445+ details.
14461446
14471447 < dt > Grid Items:
14481448
@@ -1481,8 +1481,8 @@ <h3 id=baseline-align-self><span class=secno>5.3. </span> Baseline
14811481 < dd > A < i > flex item</ i > participates in < a
14821482 href ="#baseline-content-alignment "> < i > baseline content-alignment</ i > </ a >
14831483 if its < i > inline axis</ i > is parallel to the < i > main axis</ i > . See < a
1484- href ="#CSS3-FLEXBOX "
1485- rel = biblioentry > [CSS3-FLEXBOX] <!--{{!CSS3-FLEXBOX}}--> </ a > for details.
1484+ href ="#ref- CSS3-FLEXBOX "> [CSS3-FLEXBOX] <!--{{!CSS3-FLEXBOX}}--> </ a > for
1485+ details.
14861486
14871487 < dt > Grid Items:
14881488
@@ -1763,7 +1763,7 @@ <h3 id=conventions><span class=secno>8.1. </span> Document conventions</h3>
17631763
17641764 < p > All of the text of this specification is normative except sections
17651765 explicitly marked as non-normative, examples, and notes. < a
1766- href ="#RFC2119 " rel = biblioentry > [RFC2119]<!--{{!RFC2119}}--> </ a >
1766+ href ="#ref- RFC2119 "> [RFC2119]<!--{{!RFC2119}}--> </ a >
17671767
17681768 < p > Examples in this specification are introduced with the words “for
17691769 example” or are set apart from the normative text with
@@ -1936,9 +1936,7 @@ <h3 class=no-num id=normative-references> Normative references</h3>
19361936 <!--begin-normative-->
19371937 <!-- Sorted by label -->
19381938
1939- < dl class =bibliography >
1940- < dd style ="display: none "> <!-- keeps the doc valid if the DL is empty -->
1941- <!---->
1939+ < dl class =bibliography > <!---->
19421940
19431941 < dt id =CSS21 > [CSS21]
19441942
@@ -1962,11 +1960,11 @@ <h3 class=no-num id=normative-references> Normative references</h3>
19621960
19631961 < dt id =CSS3-GRID-LAYOUT > [CSS3-GRID-LAYOUT]
19641962
1965- < dd > Alex Mogilevsky; et al . < a
1966- href ="http://www.w3.org/TR/2012 /WD-css3-grid-layout-20121106 / "> < cite > CSS
1967- Grid Layout.</ cite > </ a > 6 November 2012 . W3C Working Draft. (Work in
1968- progress.) URL: < a
1969- href ="http://www.w3.org/TR/2012 /WD-css3-grid-layout-20121106 / "> http://www.w3.org/TR/2012 /WD-css3-grid-layout-20121106 /</ a >
1963+ < dd > Tab Atkins Jr.; fantasai; Rossen Atanassov . < a
1964+ href ="http://www.w3.org/TR/2013 /WD-css3-grid-layout-20130910 / "> < cite > CSS
1965+ Grid Layout Module Level 1 .</ cite > </ a > 10 September 2013 . W3C Working
1966+ Draft. (Work in progress.) URL: < a
1967+ href ="http://www.w3.org/TR/2013 /WD-css3-grid-layout-20130910 / "> http://www.w3.org/TR/2013 /WD-css3-grid-layout-20130910 /</ a >
19701968 </ dd >
19711969 <!---->
19721970
@@ -1985,9 +1983,7 @@ <h3 class=no-num id=other-references> Other references</h3>
19851983 <!--begin-informative-->
19861984 <!-- Sorted by label -->
19871985
1988- < dl class =bibliography >
1989- < dd style ="display: none "> <!-- keeps the doc valid if the DL is empty -->
1990- <!---->
1986+ < dl class =bibliography > <!---->
19911987
19921988 < dt id =CSS3LINE > [CSS3LINE]
19931989
@@ -2012,10 +2008,10 @@ <h3 class=no-num id=other-references> Other references</h3>
20122008 < dt id =CSS3VAL > [CSS3VAL]
20132009
20142010 < dd > Håkon Wium Lie; Tab Atkins; Elika J. Etemad. < a
2015- href ="http://www.w3.org/TR/2012 /CR-css3-values-20120828 / "> < cite > CSS
2016- Values and Units Module Level 3.</ cite > </ a > 28 August 2012 . W3C Candidate
2011+ href ="http://www.w3.org/TR/2013 /CR-css3-values-20130730 / "> < cite > CSS
2012+ Values and Units Module Level 3.</ cite > </ a > 30 July 2013 . W3C Candidate
20172013 Recommendation. (Work in progress.) URL: < a
2018- href ="http://www.w3.org/TR/2012 /CR-css3-values-20120828 / "> http://www.w3.org/TR/2012 /CR-css3-values-20120828 /</ a >
2014+ href ="http://www.w3.org/TR/2013 /CR-css3-values-20130730 / "> http://www.w3.org/TR/2013 /CR-css3-values-20130730 /</ a >
20192015 </ dd >
20202016 <!---->
20212017 </ dl >
0 commit comments