22"http://www.w3.org/TR/html4/strict.dtd">
33
44< html lang =en >
5- < head profile ="http://www.w3.org/2006/03/hcard "> < meta content =" text/html;
6- charset=utf-8 " http-equiv =Content-Type >
5+ < head profile ="http://www.w3.org/2006/03/hcard "> < meta
6+ content =" text/html; charset=utf-8 " http-equiv =Content-Type >
77
88 < title > CSS Line Grid Module</ title >
99 < link href ="../default.css " rel =stylesheet type ="text/css ">
3939
4040 < h1 > CSS Line Grid Module</ h1 >
4141
42- < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 1 June 2011</ h2 >
42+ < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 26 October
43+ 2011</ h2 >
4344
4445 < dl >
4546 < dt > This version:
4647
47- < dd > < a href ="http://www.w3.org/TR/2011/ED-unknown-shortname-20110601 / ">
48- http://www.w3.org/TR/2011/ED-unknown-shortname-20110601 </ a > <!--
48+ < dd > < a href ="http://www.w3.org/TR/2011/ED-unknown-shortname-20111026 / ">
49+ http://www.w3.org/TR/2011/ED-unknown-shortname-20111026 </ a > <!--
4950 <dt>Latest version:
5051 <dd><a href="http://www.w3.org/TR/css-line-grid">
5152 http://www.w3.org/TR/css-line-grid</a>
@@ -67,13 +68,13 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 1 June 2011</h2>
6768 < p class =copyright > < a
6869 href ="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright "
6970 rel =license > Copyright</ a > © 2011 < a
70- href ="http://www.w3.org/ "> < acronym title =" World Wide Web
71- Consortium "> W3C</ acronym > </ a > < sup > ®</ sup > (< a
72- href ="http://www.csail.mit.edu/ "> < acronym title =" Massachusetts Institute
73- of Technology "> MIT</ acronym > </ a > , < a href =" http://www.ercim.eu/ " > < acronym
74- title =" European Research Consortium for Informatics and
75- Mathematics "> ERCIM</ acronym > </ a > , < a
76- href ="http://www.keio.ac.jp/ "> Keio</ a > ), All Rights Reserved. W3C < a
71+ href ="http://www.w3.org/ "> < acronym
72+ title =" World Wide Web Consortium "> W3C</ acronym > </ a > < sup > ®</ sup > (< a
73+ href ="http://www.csail.mit.edu/ "> < acronym
74+ title =" Massachusetts Institute of Technology "> MIT</ acronym > </ a > , < a
75+ href =" http://www.ercim.eu/ " > < acronym
76+ title =" European Research Consortium for Informatics and Mathematics "> ERCIM</ acronym > </ a > ,
77+ < a href ="http://www.keio.ac.jp/ "> Keio</ a > ), All Rights Reserved. W3C < a
7778 href ="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer "> liability</ a > ,
7879 < a
7980 href ="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks "> trademark</ a >
@@ -84,6 +85,17 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 1 June 2011</h2>
8485 < hr title ="Separator for header ">
8586 </ div >
8687
88+ < p
89+ style ="background: #fdd; color: red; font-weight: bold; text-align: center; padding: .5em; border: thick solid red; border-radius: 1em; position: fixed; bottom: 1em; left: 1em; right: 1em; "> This
90+ specification is not being actively maintained, and should not be used as
91+ a guide for implementations. It may be revived in the future, but for now
92+ should be considered obsolete. < br >
93+ If you have questions or comments on this specification, please send an
94+ email to the CSS Working Group's mailing list at < a
95+ href ="mailto:www-style@w3.org "> www-style@w3.org</ a > . (Before sending mail
96+ for the first time, you have to subscribe at < a
97+ href ="http://lists.w3.org/Archives/Public/www-style/ "> http://lists.w3.org/Archives/Public/www-style/</ a > .)
98+
8799 < h2 class ="no-num no-toc " id =abstract > Abstract</ h2 >
88100
89101 < p > CSS is a language for describing the rendering of structured documents
@@ -260,9 +272,9 @@ <h3 id=context><span class=secno>1.1. </span>Background</h3>
260272 vertical rhythm. Examples include lines with different sizes of text,
261273 pictures, and tables.
262274
263- < div class =figure > < img alt =" Vertical rhythm kept through pictures and
264- different size of text in a multi-column document " height = 246
265- src =line-grid-multicol.png width =480 >
275+ < div class =figure > < img
276+ alt =" Vertical rhythm kept through pictures and different size of text in a multi-column document "
277+ height = 246 src =line-grid-multicol.png width =480 >
266278 < p class =caption > Vertical rhythm kept through pictures and different size
267279 of text in a multi-column document.</ p >
268280 </ div >
@@ -282,9 +294,9 @@ <h3 id=context><span class=secno>1.1. </span>Background</h3>
282294 with the basic text.</ p >
283295 </ div >
284296
285- < div class =sidefigure id =ex-width > < img alt =" East Asian layouts may require
286- width be a multiple of em without fractions " height = 142
287- src =width-multiple-of-em.png width =180 >
297+ < div class =sidefigure id =ex-width > < img
298+ alt =" East Asian layouts may require width be a multiple of em without fractions "
299+ height = 142 src =width-multiple-of-em.png width =180 >
288300 < p class =caption > East Asian layouts may require width be a multiple of
289301 < em > em</ em > without fractions.</ p >
290302 </ div >
@@ -640,8 +652,8 @@ <h3 id=grid-shorthand-the-layout-grid-property><span class=secno>3.2.
640652 < p class =issue > TBD
641653
642654 < h3 id =grid-length-unit > < span class =secno > 3.3. </ span > The ‘< code
643- class =css > < span class =index id =gd title =" length
644- unit::gd "> gd</ span > </ code > ’ length unit</ h3 >
655+ class =css > < span class =index id =gd
656+ title =" length unit::gd "> gd</ span > </ code > ’ length unit</ h3 >
645657
646658 < p > The existence of a grid in an element makes it possible and very useful
647659 to express various measurements in that element in terms of grid units.
@@ -653,7 +665,8 @@ <h3 id=grid-length-unit><span class=secno>3.3. </span>The ‘<code
653665
654666 < p > For example, consider the following style:
655667
656- < pre > < code class =css > P { layout-grid: strict both 20pt 15pt; margin: 1gd 3gd 1gd 2gd }</ code > </ pre >
668+ < pre > < code
669+ class =css > P { layout-grid: strict both 20pt 15pt; margin: 1gd 3gd 1gd 2gd }</ code > </ pre >
657670
658671 < p > This way, all P elements would effectively acquire a 15pt top margin, a
659672 60pt right margin, a 15pt bottom margin and a 40pt left margin.
@@ -770,8 +783,8 @@ <h4 id=character-grid-the-layout-grid-char-prop><span class=secno>3.4.1.
770783 < h4 id =round-length > < span class =secno > 3.4.2. </ span > Rounding Lengths to
771784 Multiple of Units: ‘< code class =css > < span class =index id =rounddown
772785 title ="length unit::rounddown() "> rounddown()</ span > </ code > ’ and
773- ‘< code class =css > < span class =index id =roundup title =" length
774- unit::rounddown() "> roundup()</ span > </ code > ’</ h4 >
786+ ‘< code class =css > < span class =index id =roundup
787+ title =" length unit::rounddown() "> roundup()</ span > </ code > ’</ h4 >
775788
776789 < p > The ‘< code class =property > width</ code > ’ and ‘< code
777790 class =property > height</ code > ’ properties accept ‘< code
@@ -1020,10 +1033,10 @@ <h3 class=no-num id=normative-references>Normative references</h3>
10201033 < dt id =CSS21 > [CSS21]
10211034
10221035 < dd > Bert Bos; et al. < a
1023- href ="http://www.w3.org/TR/2009/CR -CSS2-20090423 "> < cite > Cascading Style
1024- Sheets Level 2 Revision 1 (CSS 2.1) Specification.</ cite > </ a > 23
1025- April 2009 . W3C Candidate Recommendation. (Work in progress.) URL: < a
1026- href ="http://www.w3.org/TR/2009/CR -CSS2-20090423 "> http://www.w3.org/TR/2009/CR -CSS2-20090423 </ a >
1036+ href ="http://www.w3.org/TR/2011/REC -CSS2-20110607 "> < cite > Cascading Style
1037+ Sheets Level 2 Revision 1 (CSS 2.1) Specification.</ cite > </ a > 7 June
1038+ 2011 . W3C Recommendation. URL: < a
1039+ href ="http://www.w3.org/TR/2011/REC -CSS2-20110607 "> http://www.w3.org/TR/2011/REC -CSS2-20110607 </ a >
10271040 </ dd >
10281041 <!---->
10291042
@@ -1056,23 +1069,12 @@ <h3 class=no-num id=other-references>Other references</h3>
10561069 </ dd >
10571070 <!---->
10581071
1059- < dt id =CSS21 > [CSS21]
1060-
1061- < dd > Bert Bos; et al. < a
1062- href ="http://www.w3.org/TR/2009/CR-CSS2-20090423 "> < cite > Cascading Style
1063- Sheets Level 2 Revision 1 (CSS 2.1) Specification.</ cite > </ a > 23
1064- April 2009. W3C Candidate Recommendation. (Work in progress.) URL: < a
1065- href ="http://www.w3.org/TR/2009/CR-CSS2-20090423 "> http://www.w3.org/TR/2009/CR-CSS2-20090423</ a >
1066- </ dd >
1067- <!---->
1068-
10691072 < dt id =CSS3COLOR > [CSS3COLOR]
10701073
10711074 < dd > Tantek Çelik; Chris Lilley; L. David Baron. < a
1072- href ="http://www.w3.org/TR/2010/PR-css3-color-20101028 "> < cite > CSS Color
1073- Module Level 3.</ cite > </ a > 28 October 2010. W3C Proposed Recommendation.
1074- (Work in progress.) URL: < a
1075- href ="http://www.w3.org/TR/2010/PR-css3-color-20101028 "> http://www.w3.org/TR/2010/PR-css3-color-20101028</ a >
1075+ href ="http://www.w3.org/TR/2011/REC-css3-color-20110607 "> < cite > CSS Color
1076+ Module Level 3.</ cite > </ a > 7 June 2011. W3C Recommendation. URL: < a
1077+ href ="http://www.w3.org/TR/2011/REC-css3-color-20110607 "> http://www.w3.org/TR/2011/REC-css3-color-20110607</ a >
10761078 </ dd >
10771079 <!---->
10781080
@@ -1092,26 +1094,26 @@ <h2 class=no-num id=index>Index</h2>
10921094 <!--begin-index-->
10931095
10941096 < ul class =indexlist >
1095- < li > authoring tool, < a href ="#authoring-tool " title =" authoring
1096- tool "> < strong > 4.1.</ strong > </ a >
1097+ < li > authoring tool, < a href ="#authoring-tool "
1098+ title =" authoring tool "> < strong > 4.1.</ strong > </ a >
10971099
10981100 < li > layout-grid-char, < a href ="#layout-grid-char "
10991101 title =layout-grid-char > < strong > 3.4.1.</ strong > </ a >
11001102
11011103 < li > layout-grid-line, < a href ="#layout-grid-line "
11021104 title =layout-grid-line > < strong > 2.1.</ strong > </ a >
11031105 < ul >
1104- < li > auto, < a href ="#auto " title =" layout-grid-line,
1105- auto "> < strong > 2.1.</ strong > </ a >
1106+ < li > auto, < a href ="#auto "
1107+ title =" layout-grid-line, auto "> < strong > 2.1.</ strong > </ a >
11061108
1107- < li > length, < a href ="#ltlengthgt " title =" layout-grid-line,
1108- length "> < strong > 2.1.</ strong > </ a >
1109+ < li > length, < a href ="#ltlengthgt "
1110+ title =" layout-grid-line, length "> < strong > 2.1.</ strong > </ a >
11091111
1110- < li > none, < a href ="#none " title =" layout-grid-line,
1111- none "> < strong > 2.1.</ strong > </ a >
1112+ < li > none, < a href ="#none "
1113+ title =" layout-grid-line, none "> < strong > 2.1.</ strong > </ a >
11121114
1113- < li > percent, < a href ="#ltpercentgt " title =" layout-grid-line,
1114- percent "> < strong > 2.1.</ strong > </ a >
1115+ < li > percent, < a href ="#ltpercentgt "
1116+ title =" layout-grid-line, percent "> < strong > 2.1.</ strong > </ a >
11151117 </ ul >
11161118
11171119 < li > layout-grid-measure, < a href ="#layout-grid-measure "
@@ -1120,35 +1122,35 @@ <h2 class=no-num id=index>Index</h2>
11201122 < li > layout-grid-mode, < a href ="#layout-grid-mode "
11211123 title =layout-grid-mode > < strong > 3.1.</ strong > </ a >
11221124 < ul >
1123- < li > baseline, < a href ="#baseline " title =" layout-grid-mode,
1124- baseline "> < strong > 3.1.</ strong > </ a >
1125+ < li > baseline, < a href ="#baseline "
1126+ title =" layout-grid-mode, baseline "> < strong > 3.1.</ strong > </ a >
11251127
1126- < li > block, < a href ="#block " title =" layout-grid-mode,
1127- block "> < strong > 3.1.</ strong > </ a >
1128+ < li > block, < a href ="#block "
1129+ title =" layout-grid-mode, block "> < strong > 3.1.</ strong > </ a >
11281130
1129- < li > line, < a href ="#line " title =" layout-grid-mode,
1130- line "> < strong > 3.1.</ strong > </ a >
1131+ < li > line, < a href ="#line "
1132+ title =" layout-grid-mode, line "> < strong > 3.1.</ strong > </ a >
11311133
1132- < li > none, < a href ="#none0 " title =" layout-grid-mode,
1133- none "> < strong > 3.1.</ strong > </ a >
1134+ < li > none, < a href ="#none0 "
1135+ title =" layout-grid-mode, none "> < strong > 3.1.</ strong > </ a >
11341136 </ ul >
11351137
11361138 < li > length unit
11371139 < ul >
11381140 < li > gd, < a href ="#gd " title ="length unit, gd "> 3.3.</ a >
11391141
1140- < li > rounddown(), < a href ="#rounddown " title =" length unit,
1141- rounddown() "> 3.4.2.</ a > , < a href ="#roundup " title =" length unit,
1142- rounddown() "> 3.4.2.</ a >
1142+ < li > rounddown(), < a href ="#rounddown "
1143+ title =" length unit, rounddown() "> 3.4.2.</ a > , < a href ="#roundup "
1144+ title =" length unit, rounddown() "> 3.4.2.</ a >
11431145 </ ul >
11441146
11451147 < li > renderer, < a href ="#renderer " title =renderer > < strong > 4.1.</ strong > </ a >
11461148
11471149
11481150 < li > style sheet
11491151 < ul >
1150- < li > as conformance class, < a href ="#style-sheet " title =" style sheet, as
1151- conformance class "> < strong > 4.1.</ strong > </ a >
1152+ < li > as conformance class, < a href ="#style-sheet "
1153+ title =" style sheet, as conformance class "> < strong > 4.1.</ strong > </ a >
11521154 </ ul >
11531155 </ ul >
11541156 <!--end-index-->
@@ -1175,7 +1177,7 @@ <h2 class=no-num id=property-index>Property index</h2>
11751177
11761178 < tbody >
11771179 < tr >
1178- < td > < a class =property href ="#layout-grid-char "> layout-grid-char</ a >
1180+ < th > < a class =property href ="#layout-grid-char "> layout-grid-char</ a >
11791181
11801182 < td > none | auto | <length>
11811183
@@ -1190,7 +1192,7 @@ <h2 class=no-num id=property-index>Property index</h2>
11901192 < td > visual
11911193
11921194 < tr >
1193- < td > < a class =property href ="#layout-grid-line "> layout-grid-line</ a >
1195+ < th > < a class =property href ="#layout-grid-line "> layout-grid-line</ a >
11941196
11951197 < td > none | auto | <length> | <percentage>
11961198
@@ -1205,7 +1207,7 @@ <h2 class=no-num id=property-index>Property index</h2>
12051207 < td > visual
12061208
12071209 < tr >
1208- < td > < a class =property
1210+ < th > < a class =property
12091211 href ="#layout-grid-measure "> layout-grid-measure</ a >
12101212
12111213 < td > none | auto | <length> || up | down
@@ -1221,7 +1223,7 @@ <h2 class=no-num id=property-index>Property index</h2>
12211223 < td > visual
12221224
12231225 < tr >
1224- < td > < a class =property href ="#layout-grid-mode "> layout-grid-mode</ a >
1226+ < th > < a class =property href ="#layout-grid-mode "> layout-grid-mode</ a >
12251227
12261228 < td > none | baseline | block | line
12271229
0 commit comments