Skip to content

Commit c1ff93b

Browse files
committed
[css-line-grid] Update to remove line-grid's named lines functionality and make non-inherited per <http://lists.w3.org/Archives/Public/www-style/2014Feb/0733.html>. Add/remove various issues/fill out template boilerplate. Add astearns as editor.
1 parent 9030b11 commit c1ff93b

2 files changed

Lines changed: 162 additions & 133 deletions

File tree

css-line-grid/Overview.html

Lines changed: 97 additions & 85 deletions
Original file line numberDiff line numberDiff line change
@@ -5,16 +5,17 @@
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>
@@ -48,18 +49,18 @@
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>&lt;identifier&gt;
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>&lt;identifier&gt;
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

Comments
 (0)