55 < head
66 profile ="http://dublincore.org/documents/2008/08/04/dc-html/ http://www.w3.org/2006/03/hcard ">
77 < meta content ="text/html; charset=utf-8 " http-equiv =Content-Type >
8- < title > CSS Line Grid Module</ title >
8+ < title > CSS Line Grid Module Level 1 </ title >
99
1010 < link href ="http://purl.org/dc/terms/ " rel =schema.dcterms >
1111 < link href ="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright "
1212 rel =dcterms.rights >
13- < meta content ="CSS Line Grid Module " name =dcterms.title >
13+ < meta content ="CSS Line Grid Module Level 1 " name =dcterms.title >
1414 < meta content =text name =dcterms.type >
15- < meta content =2014-01 -28 name =dcterms.date >
15+ < meta content =2014-03 -28 name =dcterms.date >
1616 < meta content ="Elika Etemad " name =dcterms.creator >
1717 < meta content ="Koji Ishii " name =dcterms.creator >
18+ < meta content ="Alan Stearns " name =dcterms.creator >
1819 < meta content =W3C name =dcterms.publisher >
1920 < meta content ="http://dev.w3.org/csswg/unknown-shortname/ "
2021 name =dcterms.identifier >
4849 < p > < a href ="http://www.w3.org/ "> < img alt =W3C height =48
4950 src ="http://www.w3.org/Icons/w3c_home " width =72 > </ a > <!--end-logo-->
5051
51- < h1 > CSS Line Grid Module</ h1 >
52+ < h1 > CSS Line Grid Module Level 1 </ h1 >
5253
53- < h2 class ="no-num no-toc "> Editor's Draft 28 January 2014</ h2 >
54+ < h2 class ="no-num no-toc "> Editor's Draft 28 March 2014</ h2 >
5455
5556 < dl >
5657 < dt > This version:
5758
5859 < dd > < a href ="http://dev.w3.org/csswg/unknown-shortname/ ">
59- http://www.w3.org/TR/2014/ED-unknown-shortname-20140128 </ a > <!--
60+ http://www.w3.org/TR/2014/ED-unknown-shortname-20140328 </ a > <!--
6061 <dt>Latest version:
61- <dd><a href="http://www.w3.org/TR/css-line-grid">
62- http://www.w3.org/TR/css-line-grid</a>
62+ <dd><a href="http://www.w3.org/TR/css-line-grid-1/ ">
63+ http://www.w3.org/TR/css-line-grid-1/ </a>
6364
6465 <dt>Previous version:
6566 <dd><a href="http://www.w3.org/PreviousVersionURI">
@@ -75,6 +76,9 @@ <h2 class="no-num no-toc">Editor's Draft 28 January 2014</h2>
7576 < dd class =vcard > < a class ="fn email "
7677 href ="mailto:kojiishi@gluesoft.co.jp "> Koji Ishii</ a > , < span
7778 class =org > Invited Expert</ span >
79+
80+ < dd class =vcard > < a class ="fn email " href ="mailto:stearns@adobe.com "> Alan
81+ Stearns</ a > , < span class =org > Adobe Systems, Inc.</ span >
7882 </ dl >
7983 <!--begin-copyright-->
8084 < p class =copyright > < a
@@ -99,14 +103,11 @@ <h2 class="no-num no-toc">Editor's Draft 28 January 2014</h2>
99103
100104 < h2 class ="no-num no-toc " id =abstract > Abstract</ h2 >
101105
102- < p > CSS is a language for describing the rendering of structured documents
103- (such as HTML and XML) on screen, on paper, in speech, etc. This module
104- contains the features of CSS level 3 relating to < var
105- class =issue > DESCRIBE HERE</ var > . It includes and extends the functionality
106- of CSS level 2 < a href ="#ref-CSS21 "
107- rel =biblioentry > [CSS21]<!--{{CSS21}}--> </ a > , which builds on CSS level 1
108- < a href ="#ref-CSS1 " rel =biblioentry > [CSS1]<!--{{CSS1}}--> </ a > . The main
109- extensions compared to level 2 are < var class =issue > SUMMARIZE HERE</ var > .
106+ < p > < span class =p-summary > This module contains CSS features for aligning
107+ content to a baseline grid. </ span > < a
108+ href ="http://www.w3.org/TR/CSS/ "> CSS</ a > is a language for describing the
109+ rendering of structured documents (such as HTML and XML) on screen, on
110+ paper, in speech, etc.
110111
111112 < h2 class ="no-num no-toc " id =status > Status of this document</ h2 >
112113 <!--begin-status-->
@@ -361,12 +362,12 @@ <h2 id=line-grid><span class=secno>2. </span> Defining a Line Grid: the
361362 < tr >
362363 < th > < a href ="#values "> Value</ a > :
363364
364- < td > <identifier>
365+ < td > match-parent | create
365366
366367 < tr >
367368 < th > Initial:
368369
369- < td > root-grid
370+ < td > match-parent
370371
371372 < tr >
372373 < th > Applies to:
@@ -376,7 +377,7 @@ <h2 id=line-grid><span class=secno>2. </span> Defining a Line Grid: the
376377 < tr >
377378 < th > Inherited:
378379
379- < td > yes
380+ < td > no
380381
381382 < tr >
382383 < th > Animatable:
@@ -405,31 +406,50 @@ <h2 id=line-grid><span class=secno>2. </span> Defining a Line Grid: the
405406 grammar< abbr > </ abbr > </ abbr >
406407 </ table >
407408
408- < p > Specifies which line grid the line boxes of this element (if any) will
409- align.
410-
411- < p > If no ancestor has the same value, then this property also creates a
412- line grid using the font and line layout settings of this element. The
413- line grid consists of a series of horizontal lines corresponding to all
414- the baselines (alphabetic, text-top, text-bottom, mathematic, central,
415- hanging, etc.) and to the line-over and line-under edges, positioned where
416- they would fall if the contents of this element consisted entirely of line
417- boxes filled with text (no sub-elements) using the first available font.
418- If the element is paginated, the line grid is restarted on each page;
419- since line boxes cannot be paginated, no page begins with the bottom part
420- of a line's grid.
421-
422- < p class =note > As a side effect of the initial value and this definition,
423- the root element always sets up a line grid, so that ‘< a
424- href ="#line-snap0 "> < code class =property > line-snap</ code > </ a > ’ can be
425- used even if the author has not explicitly set up a line grid.
426-
427- < p class =issue > An alternative proposal is to have a non-inherited property
428- with two values, "establish a new grid" or "use same grid as my parent".
429- (Let's call it ‘< code class =css > line-grid: create |
430- match-parent</ code > ’.) The grid of the nearest ancestor with ‘< code
431- class =css > line-grid: create</ code > ’ is used (or one is established
432- anyway, if this is the root element).
409+ < p > Specifies whether this box creates a new baseline grid for its
410+ descendants or uses the same baseline grid as its parent. (Each box always
411+ has an associated line grid. However, whether a box or its contents snap
412+ to a line grid is determined by ‘< a href ="#line-snap0 "> < code
413+ class =css > line-snap</ code > </ a > ’ and ‘< a href ="#box-snap0 "> < code
414+ class =css > box-snap</ code > </ a > ’.)
415+
416+ < dl >
417+ < dt > < dfn id =match-parent > ‘< code class =css > match-parent</ code > ’</ dfn >
418+
419+ < dd > Box assumes the line grid of its parent.
420+
421+ < dt > < dfn id =create > ‘< code class =css > create</ code > ’</ dfn >
422+
423+ < dd > Box creates a new line grid using its own font and line layout
424+ settings. The line grid consists of a series of horizontal lines
425+ corresponding to all the baselines (alphabetic, text-top, text-bottom,
426+ mathematic, central, hanging, etc.) and to the line-over and line-under
427+ edges, positioned where they would fall if the contents of this element
428+ consisted entirely of line boxes filled with text (no sub-elements) using
429+ the first available font. If the box is paginated, the line grid is
430+ restarted on each page; since line boxes cannot be fragmented, no page
431+ begins with the bottom part of a line's grid.
432+ </ dl >
433+
434+ < p >
435+
436+ < p class =issue > The names of these values is currently up for debate.
437+ Current suggestions for ‘< a href ="#match-parent "> < code
438+ class =css > match-parent</ code > </ a > ’ include ‘< a
439+ href ="#match-parent "> < code class =css > match-parent</ code > </ a > ’ and
440+ ‘< code class =css > normal</ code > ’; those for ‘< a href ="#create "> < code
441+ class =css > create</ code > </ a > ’ include ‘< a href ="#create "> < code
442+ class =css > create</ code > </ a > ’ and ‘< code class =css > new</ code > ’.
443+
444+ < p class =note > The original proposal for line grids allowed an element to
445+ create a named grid. This property could still be extended to do this in
446+ the future.
447+
448+ < p class =issue > < a
449+ href ="http://www.w3.org/mid/21262.26596.32230.32937@gargle.gargle.HOWL "> Håkon
450+ points out</ a > that there might be a need to have line grids aligned to
451+ the page box rather than the page content box. The current proposal has no
452+ way to switch between the two.
433453
434454 < p class =issue > There might need to be an offset for more complicated
435455 designs. How to set this offset is problematic: usually it's not a fixed
@@ -654,6 +674,9 @@ <h3 id=box-snap><span class=secno>3.3. </span> Snapping Block Boxes: the
654674 ‘< a href ="#box-snap0 "> < code class =property > box-snap</ code > </ a > ’
655675 property</ h3 >
656676
677+ < p class =issue > This is a rough draft of trying to solve the box-snapping
678+ problem.
679+
657680 < table class =propdef >
658681 < tbody >
659682 < tr >
@@ -965,8 +988,8 @@ <h3 id=conventions><span class=secno>5.1. </span>Document Conventions</h3>
965988 < h3 id =conformance-classes > < span class =secno > 5.2. </ span > Conformance
966989 Classes</ h3 >
967990
968- < p > Conformance to < var class = issue > CSS TEMPLATE Module </ var > is defined for
969- three conformance classes:
991+ < p > Conformance to CSS Line Grid Level 1 is defined for three conformance
992+ classes:
970993
971994 < dl >
972995 < dt > < dfn id =style-sheet title ="style sheet!!as conformance class "> style
@@ -987,25 +1010,22 @@ <h3 id=conformance-classes><span class=secno>5.2. </span> Conformance
9871010 that writes a style sheet.
9881011 </ dl >
9891012
990- < p > A style sheet is conformant to < var class =issue > CSS TEMPLATE
991- Module</ var > if all of its declarations that use properties defined in
992- this module have values that are valid according to the generic CSS
993- grammar and the individual grammars of each property as given in this
994- module.
995-
996- < p > A renderer is conformant to < var class =issue > CSS TEMPLATE Module</ var >
997- if, in addition to interpreting the style sheet as defined by the
998- appropriate specifications, it supports all the properties defined by < var
999- class =issue > CSS TEMPLATE Module</ var > by parsing them correctly and
1000- rendering the document accordingly. However, the inability of a UA to
1001- correctly render a document due to limitations of the device does not make
1002- the UA non-conformant. (For example, a UA is not required to render color
1003- on a monochrome monitor.)
1004-
1005- < p > An authoring tool is conformant to < var class =issue > CSS TEMPLATE
1006- Module</ var > if it writes syntactically correct style sheets, according to
1007- the generic CSS grammar and the individual grammars of each property in
1008- this module.
1013+ < p > A style sheet is conformant to CSS Line Grid Level 1 if all of its
1014+ declarations that use properties defined in this module have values that
1015+ are valid according to the generic CSS grammar and the individual grammars
1016+ of each property as given in this module.
1017+
1018+ < p > A renderer is conformant to CSS Line Grid Level 1 if, in addition to
1019+ interpreting the style sheet as defined by the appropriate specifications,
1020+ it supports all the properties defined by CSS Line Grid Level 1 by parsing
1021+ them correctly and rendering the document accordingly. However, the
1022+ inability of a UA to correctly render a document due to limitations of the
1023+ device does not make the UA non-conformant. (For example, a UA is not
1024+ required to render color on a monochrome monitor.)
1025+
1026+ < p > An authoring tool is conformant to CSS Line Grid Level 1 if it writes
1027+ syntactically correct style sheets, according to the generic CSS grammar
1028+ and the individual grammars of each property in this module.
10091029
10101030 < h3 id =partial > < span class =secno > 5.3. </ span > Partial Implementations</ h3 >
10111031
@@ -1037,10 +1057,6 @@ <h3 id=experimental><span class=secno>5.4. </span> Experimental
10371057
10381058 < h3 id =cr-exit-criteria > < span class =secno > 5.5. </ span > CR Exit Criteria</ h3 >
10391059
1040- < p class =issue > [Change or remove the following CR exit criteria if the spec
1041- is not a module, but, e.g., a Note or a profile. This text was < a
1042- href ="/Style/CSS/Tracker/actions/44 "> decided on 2008-06-04.</ a > ]
1043-
10441060 < p > For this specification to be advanced to Proposed Recommendation, there
10451061 must be at least two independent, interoperable implementations of each
10461062 feature. Each feature may be implemented by a different set of products,
@@ -1089,7 +1105,7 @@ <h3 id=cr-exit-criteria><span class=secno>5.5. </span> CR Exit Criteria</h3>
10891105
10901106 < h2 class =no-num id =acknowledgments > Acknowledgments</ h2 >
10911107
1092- < p > < var class = issue > [acknowledgments] </ var >
1108+ < p > This module was made possible by the advice and contributions of …
10931109
10941110 < h2 class =no-num id =references > References</ h2 >
10951111
@@ -1114,8 +1130,8 @@ <h3 class=no-num id=normative-references>Normative references</h3>
11141130 < dt id =ref-RFC2119 > [RFC2119]
11151131
11161132 < dd > S. Bradner. < a href ="http://www.ietf.org/rfc/rfc2119.txt "> < cite > Key
1117- words for use in RFCs to Indicate Requirement Levels.</ cite > </ a > Internet
1118- RFC 2119. URL: < a
1133+ words for use in RFCs to Indicate Requirement Levels.</ cite > </ a > RFC
1134+ 2119. URL: < a
11191135 href ="http://www.ietf.org/rfc/rfc2119.txt "> http://www.ietf.org/rfc/rfc2119.txt</ a >
11201136 </ dd >
11211137 <!---->
@@ -1130,16 +1146,6 @@ <h3 class=no-num id=other-references>Other references</h3>
11301146 < dd style ="display: none "> <!-- keeps the doc valid if the DL is empty -->
11311147 <!---->
11321148
1133- < dt id =ref-CSS1 > [CSS1]
1134-
1135- < dd > Håkon Wium Lie; Bert Bos. < a
1136- href ="http://www.w3.org/TR/2008/REC-CSS1-20080411 "> < cite > Cascading Style
1137- Sheets (CSS1) Level 1 Specification.</ cite > </ a > 11 April 2008. W3C
1138- Recommendation. URL: < a
1139- href ="http://www.w3.org/TR/2008/REC-CSS1-20080411 "> http://www.w3.org/TR/2008/REC-CSS1-20080411</ a >
1140- </ dd >
1141- <!---->
1142-
11431149 < dt id =ref-CSS3COLOR > [CSS3COLOR]
11441150
11451151 < dd > Tantek Çelik; Chris Lilley; L. David Baron. < a
@@ -1190,6 +1196,9 @@ <h2 class=no-num id=index>Index</h2>
11901196 < li > ‘< code class =css > contain</ code > ’, < a href ="#contain "
11911197 title ="section 3.1. "> < strong > 3.1.</ strong > </ a >
11921198
1199+ < li > ‘< code class =css > create</ code > ’, < a href ="#create "
1200+ title ="section 2. "> < strong > 2.</ strong > </ a >
1201+
11931202 < li > half-border, < a href ="#half-border "
11941203 title ="section 3.3. "> < strong > 3.3.</ strong > </ a >
11951204
@@ -1217,6 +1226,9 @@ <h2 class=no-num id=index>Index</h2>
12171226 < li > margin-box, < a href ="#margin-box "
12181227 title ="section 3.3. "> < strong > 3.3.</ strong > </ a >
12191228
1229+ < li > ‘< code class =css > match-parent</ code > ’, < a href ="#match-parent "
1230+ title ="section 2. "> < strong > 2.</ strong > </ a >
1231+
12201232 < li > none, < a href ="#none1 " title ="section 3.3. "> < strong > 3.3.</ strong > </ a >
12211233
12221234 < li > ‘< code class =css > none</ code > ’, < a href ="#none "
@@ -1274,13 +1286,13 @@ <h2 class=no-num id=property-index>Property index</h2>
12741286 < tr >
12751287 < th > < a class =property href ="#line-grid0 "> line-grid</ a >
12761288
1277- < td > <identifier>
1289+ < td > match-parent | create
12781290
1279- < td > root-grid
1291+ < td > match-parent
12801292
12811293 < td > block containers
12821294
1283- < td > yes
1295+ < td > no
12841296
12851297 < td > N/A
12861298
0 commit comments