Skip to content

Commit a95bfff

Browse files
bert-githubbert-github
committed
Generated. Do not edit!
1 parent ee82046 commit a95bfff

1 file changed

Lines changed: 47 additions & 53 deletions

File tree

‎css3-layout/Overview.html‎

100755100644
Lines changed: 47 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,22 @@
22

33
<html lang=en>
44
<head
5-
profile="http://microformats.org/profile/hcard http://microformats.org/wiki/rel-license">
6-
<title>CSS Grid Template Layout Module</title>
5+
profile="http://dublincore.org/documents/2008/08/04/dc-html/ http://microformats.org/profile/hcard http://microformats.org/wiki/rel-license">
76
<meta content="text/html; charset=utf-8" http-equiv=content-type>
8-
<link href="../default.css" rel=stylesheet type="text/css">
7+
<title>CSS Grid Template Layout Module</title>
98

9+
<link href="http://purl.org/dc/terms/" rel=schema.dc>
10+
<meta content="CSS Grid Template Layout Module" name=dc.title>
11+
<meta content=text name=dc.type>
12+
<meta content=2012-08-31 name=dc.issued>
13+
<meta content="Bert Bos" name=dc.creator>
14+
<meta content="César Acebal" name=dc.creator>
15+
<meta content=W3C name=dc.publisher>
16+
<meta content="http://www.w3.org/TR/2012/ED-css3-layout-20120831/"
17+
name=dc.identifier>
18+
<link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
19+
rel=dc.rights>
20+
<link href="../default.css" rel=stylesheet type="text/css">
1021
<style type="text/css">
1122
/* Just in case an incorrect max-width occurs in default.css */
1223
body {max-width: none !important}
@@ -40,9 +51,9 @@
4051
</style>
4152
<link href=with.css rel=stylesheet title="With basic grid and level 4">
4253
<link href=without-grid.css rel="alternate stylesheet"
43-
title="Without basic grid">
54+
title="Without basic grid">
4455
<link href=without-grid-4.css rel="alternate stylesheet"
45-
title="Without basic grid and level 4">
56+
title="Without basic grid and level 4">
4657
<link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet>
4758

4859
<body>
@@ -53,26 +64,23 @@
5364
<h1>CSS Grid Template Layout Module</h1>
5465
<!--=================================================================-->
5566
<h2 class="no-num no-toc" id=longstatus-date-3-august-2004>Editor's Draft
56-
14 August 2012</h2>
67+
31 August 2012</h2>
5768

5869
<dl>
5970
<dt>This version:
6071

6172
<dd><a
62-
href="http://www.w3.org/TR/2012/ED-css3-layout-20120814/">http://www.w3.org/TR/2012/ED-css3-layout-20120814/</a>
63-
73+
href="http://www.w3.org/TR/2012/ED-css3-layout-20120831/">http://www.w3.org/TR/2012/ED-css3-layout-20120831/</a>
6474

6575
<dt>Latest version:
6676

6777
<dd><a
6878
href="http://www.w3.org/TR/css3-layout/">http://www.w3.org/TR/css3-layout/</a>
69-
7079

7180
<dt>Previous version:
7281

7382
<dd><a
7483
href="http://www.w3.org/TR/2011/WD-css3-layout-20111129/">http://www.w3.org/TR/2011/WD-css3-layout-20111129/</a>
75-
7684

7785
<dt>Editors:
7886

@@ -150,7 +158,6 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
150158
distributed over the slots by breaking it at possible break points (see
151159
the ‘<code class=css>break-*</code>’ properties from <a
152160
href="#CSS3-BREAK" rel=biblioentry>[CSS3-BREAK]<!--{{CSS3-BREAK}}--></a>).
153-
154161

155162
<p class=level4>The <a href="#region-based">‘<code
156163
class=css>::flow()</code>’ pseudo-element</a> allows to select (parts
@@ -910,7 +917,6 @@ <h3 id=summary-and-use-cases><span class=secno>1.1. </span>Summary and use
910917
<p>With a grid template, we can say that the P has not one, but two flows,
911918
a and b; and then we assign the fourth and subsequent SPANs to the
912919
“b” flow. (The others automatically go into the default, first flow.)
913-
914920

915921
<pre>
916922
p {grid: "a" "b"}
@@ -1477,7 +1483,6 @@ <h3 class=grid id=grid-row-sizes><span class=secno>2.3. </span>Specifying
14771483
<th><a href="#values">Value</a>:
14781484

14791485
<td>auto | <a href="#ltrow-heightgt"><var>&lt;row-height&gt;</var></a>+
1480-
14811486

14821487
<tr>
14831488
<th>Initial:
@@ -2016,7 +2021,6 @@ <h3 class=grid id=slot-sizes><span class=secno>2.6. </span>Calculating the
20162021
<!-- Constraints relating to rows and columns without slots that span
20172022
into other rows or columns, i.e., cases where the size of a slot
20182023
can put an upper limits on the size of a row or column -->
2019-
20202024

20212025
<li>
20222026
<p>Each row that contains slots that span only one row and no slots that
@@ -2325,7 +2329,6 @@ <h3 id=flow><span class=secno>3.1. </span>Flowing content into slots: ‘<a
23252329

23262330
<p>If the value is not ‘<code class=css>auto</code>’, the element is
23272331
added to the flow of the given slot, instead of to the flow of its parent.
2328-
23292332

23302333
<p>The name of the slot may be quoted (<a
23312334
href="#ltstringgt"><var>&lt;string&gt;</var></a>) or unquoted
@@ -2443,7 +2446,6 @@ <h3 id=flow><span class=secno>3.1. </span>Flowing content into slots: ‘<a
24432446
second DIV becomes the first child of slot a (i.e., of the pseudo-element
24442447
called ‘<code class=css>::slot(a)</code>’). The third DIV becomes the
24452448
sibling of the first DIV, because both are added to slot b independently.
2446-
24472449
</div>
24482450

24492451
<p class=note>Note that ‘<a href="#flow0"><code
@@ -2475,7 +2477,6 @@ <h3 id=flow><span class=secno>3.1. </span>Flowing content into slots: ‘<a
24752477
</pre>
24762478

24772479
<p>The caption can be wider than the image and the image will be centered.
2478-
24792480

24802481
<p>When the figure is floating, it is probably better to not let the
24812482
caption become wider than the image (unless the caption cannot be made
@@ -2842,7 +2843,6 @@ <h3 class=grid id=stacking-elements-on-top-of-a-grid-grid-><span
28422843
<dd>
28432844
<p>Where <var>X</var> and <var>Y</var> are integers or keywords, means
28442845
the same as ‘<code class=css><var>X</var> <var>Y</var> 1 1</code>’.
2845-
28462846

28472847
<dt><var>X</var> <var>Y</var> <var>W</var> <var>H</var>
28482848

@@ -3016,7 +3016,6 @@ <h2 id=slot-pseudo><span class=secno>4. </span>Styling slots: the ‘<a
30163016
<li>‘<a href="#direction"><code class=property>direction</code></a>’
30173017

30183018
<li>‘<a href="#box-shadow"><code class=property>box-shadow</code></a>’
3019-
30203019

30213020
<li>border properties
30223021

@@ -3953,7 +3952,6 @@ <h2 class=level4 id=chains><span class=secno>8. </span>Chaining slots: the
39533952
<p class=note>Note: For more anaylysis of the possibilities and limits of
39543953
non-rectangular slots, see the PhD thesis of César Acebal <a
39553954
href="#ACEBAL2010" rel=biblioentry>[ACEBAL2010]<!--{{ACEBAL2010}}--></a>.
3956-
39573955

39583956
<div class=issue>
39593957
<p>Chaining of rectangular slots is not enough to create layouts with
@@ -4776,7 +4774,6 @@ <h4 id=syntax-features-to-shorten-long-grid-spe><span class=secno>10.2.20.
47764774
<p>Even for the columns of broadsheet newspapers (6–8 columns), that
47774775
still fits easily on one line, even with margins between the columns. But
47784776
if the grid gets even longer, there may be a need for abbreviations, e.g.:
4779-
47804777

47814778
<pre>grid-columns: * repeat(1em *, 5)</pre>
47824779

@@ -5029,7 +5026,6 @@ <h2 id=changes><span class=secno>11. </span>Changes</h2>
50295026

50305027
<li>Now allows <var>&lt;percentage&gt;</var> on ‘<a
50315028
href="#vertical-align"><code class=property>vertical-align</code></a>’.
5032-
50335029

50345030
<li>Generalized the text for ‘<a href="#vertical-align"><code
50355031
class=property>vertical-align</code></a>’ to apply to all writing
@@ -5085,17 +5081,17 @@ <h2 class=no-num id=references>References</h2>
50855081
Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June
50865082
2011. W3C Recommendation. URL: <a
50875083
href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
5088-
</dd>
5084+
</dd>
50895085
<!---->
50905086

50915087
<dt id=CSS3-BREAK>[CSS3-BREAK]
50925088

50935089
<dd>Rossen Atanassov; Elika J. Etemad. <a
5094-
href="http://www.w3.org/TR/2012/WD-css3-break-20120228/"><cite>CSS
5095-
Fragmentation Module Level 3.</cite></a> 28 February 2012. W3C Working
5090+
href="http://www.w3.org/TR/2012/WD-css3-break-20120823/"><cite>CSS
5091+
Fragmentation Module Level 3.</cite></a> 23 August 2012. W3C Working
50965092
Draft. (Work in progress.) URL: <a
5097-
href="http://www.w3.org/TR/2012/WD-css3-break-20120228/">http://www.w3.org/TR/2012/WD-css3-break-20120228/</a>
5098-
</dd>
5093+
href="http://www.w3.org/TR/2012/WD-css3-break-20120823/">http://www.w3.org/TR/2012/WD-css3-break-20120823/</a>
5094+
</dd>
50995095
<!---->
51005096

51015097
<dt id=CSS3-GRID-LAYOUT>[CSS3-GRID-LAYOUT]
@@ -5105,7 +5101,7 @@ <h2 class=no-num id=references>References</h2>
51055101
Grid Layout.</cite></a> 22 March 2012. W3C Working Draft. (Work in
51065102
progress.) URL: <a
51075103
href="http://www.w3.org/TR/2012/WD-css3-grid-layout-20120322/">http://www.w3.org/TR/2012/WD-css3-grid-layout-20120322/</a>
5108-
</dd>
5104+
</dd>
51095105
<!---->
51105106

51115107
<dt id=CSS3-WRITING-MODES>[CSS3-WRITING-MODES]
@@ -5115,7 +5111,7 @@ <h2 class=no-num id=references>References</h2>
51155111
Writing Modes Module Level 3.</cite></a> 1 May 2012. W3C Working Draft.
51165112
(Work in progress.) URL: <a
51175113
href="http://www.w3.org/TR/2012/WD-css3-writing-modes-20120501/">http://www.w3.org/TR/2012/WD-css3-writing-modes-20120501/</a>
5118-
</dd>
5114+
</dd>
51195115
<!---->
51205116

51215117
<dt id=CSS3BOX>[CSS3BOX]
@@ -5125,7 +5121,7 @@ <h2 class=no-num id=references>References</h2>
51255121
model.</cite></a> 9 August 2007. W3C Working Draft. (Work in progress.)
51265122
URL: <a
51275123
href="http://www.w3.org/TR/2007/WD-css3-box-20070809">http://www.w3.org/TR/2007/WD-css3-box-20070809</a>
5128-
</dd>
5124+
</dd>
51295125
<!---->
51305126

51315127
<dt id=CSS3GRID>[CSS3GRID]
@@ -5135,7 +5131,7 @@ <h2 class=no-num id=references>References</h2>
51355131
Positioning Module Level 3.</cite></a> 5 September 2007. W3C Working
51365132
Draft. (Work in progress.) URL: <a
51375133
href="http://www.w3.org/TR/2007/WD-css3-grid-20070905">http://www.w3.org/TR/2007/WD-css3-grid-20070905</a>
5138-
</dd>
5134+
</dd>
51395135
<!---->
51405136

51415137
<dt id=CSS3PAGE>[CSS3PAGE]
@@ -5145,7 +5141,7 @@ <h2 class=no-num id=references>References</h2>
51455141
Paged Media.</cite></a> 10 October 2006. W3C Working Draft. (Work in
51465142
progress.) URL: <a
51475143
href="http://www.w3.org/TR/2006/WD-css3-page-20061010">http://www.w3.org/TR/2006/WD-css3-page-20061010</a>
5148-
</dd>
5144+
</dd>
51495145
<!---->
51505146

51515147
<dt id=CSS3POS>[CSS3POS]
@@ -5161,7 +5157,7 @@ <h2 class=no-num id=references>References</h2>
51615157
module: Syntax.</cite></a> 13 August 2003. W3C Working Draft. (Work in
51625158
progress.) URL: <a
51635159
href="http://www.w3.org/TR/2003/WD-css3-syntax-20030813">http://www.w3.org/TR/2003/WD-css3-syntax-20030813</a>
5164-
</dd>
5160+
</dd>
51655161
<!---->
51665162

51675163
<dt id=CSS3TBL>[CSS3TBL]
@@ -5173,11 +5169,11 @@ <h2 class=no-num id=references>References</h2>
51735169
<dt id=CSS3TEXT>[CSS3TEXT]
51745170

51755171
<dd>Elika J. Etemad; Koji Ishii. <a
5176-
href="http://www.w3.org/TR/2012/WD-css3-text-20120119/"><cite>CSS Text
5177-
Level 3.</cite></a> 19 January 2012. W3C Working Draft. (Work in
5172+
href="http://www.w3.org/TR/2012/WD-css3-text-20120814/"><cite>CSS Text
5173+
Level 3.</cite></a> 14 August 2012. W3C Working Draft. (Work in
51785174
progress.) URL: <a
5179-
href="http://www.w3.org/TR/2012/WD-css3-text-20120119/">http://www.w3.org/TR/2012/WD-css3-text-20120119/</a>
5180-
</dd>
5175+
href="http://www.w3.org/TR/2012/WD-css3-text-20120814/">http://www.w3.org/TR/2012/WD-css3-text-20120814/</a>
5176+
</dd>
51815177
<!---->
51825178

51835179
<dt id=CSS3VAL>[CSS3VAL]
@@ -5187,7 +5183,7 @@ <h2 class=no-num id=references>References</h2>
51875183
Values and Units Module Level 3.</cite></a> 8 March 2012. W3C Working
51885184
Draft. (Work in progress.) URL: <a
51895185
href="http://www.w3.org/TR/2012/WD-css3-values-20120308/">http://www.w3.org/TR/2012/WD-css3-values-20120308/</a>
5190-
</dd>
5186+
</dd>
51915187
<!---->
51925188
</dl>
51935189
<!--end-normative-->
@@ -5207,7 +5203,7 @@ <h2 class=no-num id=references>References</h2>
52075203
posicionamiento avanzado en CSS.</cite></a> 2010. Oviedo, Spain. PhD
52085204
thesis URL: <a
52095205
href="http://di002.edv.uniovi.es/~acebal/phd/dissertation.pdf">http://di002.edv.uniovi.es/~acebal/phd/dissertation.pdf</a>
5210-
</dd>
5206+
</dd>
52115207
<!---->
52125208

52135209
<dt id=CSS3-EXCLUSIONS>[CSS3-EXCLUSIONS]
@@ -5217,17 +5213,17 @@ <h2 class=no-num id=references>References</h2>
52175213
Exclusions and Shapes Module Level 3.</cite></a> 3 May 2012. W3C Working
52185214
Draft. (Work in progress.) URL: <a
52195215
href="http://www.w3.org/TR/2012/WD-css3-exclusions-20120503/">http://www.w3.org/TR/2012/WD-css3-exclusions-20120503/</a>
5220-
</dd>
5216+
</dd>
52215217
<!---->
52225218

52235219
<dt id=CSS3BG>[CSS3BG]
52245220

52255221
<dd>Bert Bos; Elika J. Etemad; Brad Kemper. <a
5226-
href="http://www.w3.org/TR/2012/CR-css3-background-20120417/"><cite>CSS
5227-
Backgrounds and Borders Module Level 3.</cite></a> 17 April 2012. W3C
5222+
href="http://www.w3.org/TR/2012/CR-css3-background-20120724/"><cite>CSS
5223+
Backgrounds and Borders Module Level 3.</cite></a> 24 July 2012. W3C
52285224
Candidate Recommendation. (Work in progress.) URL: <a
5229-
href="http://www.w3.org/TR/2012/CR-css3-background-20120417/">http://www.w3.org/TR/2012/CR-css3-background-20120417/</a>
5230-
</dd>
5225+
href="http://www.w3.org/TR/2012/CR-css3-background-20120724/">http://www.w3.org/TR/2012/CR-css3-background-20120724/</a>
5226+
</dd>
52315227
<!---->
52325228

52335229
<dt id=CSS3COL>[CSS3COL]
@@ -5237,7 +5233,7 @@ <h2 class=no-num id=references>References</h2>
52375233
Multi-column Layout Module.</cite></a> 12 April 2011. W3C Candidate
52385234
Recommendation. (Work in progress.) URL: <a
52395235
href="http://www.w3.org/TR/2011/CR-css3-multicol-20110412">http://www.w3.org/TR/2011/CR-css3-multicol-20110412</a>
5240-
</dd>
5236+
</dd>
52415237
<!---->
52425238

52435239
<dt id=CSS3COLOR>[CSS3COLOR]
@@ -5246,7 +5242,7 @@ <h2 class=no-num id=references>References</h2>
52465242
href="http://www.w3.org/TR/2011/REC-css3-color-20110607"><cite>CSS Color
52475243
Module Level 3.</cite></a> 7 June 2011. W3C Recommendation. URL: <a
52485244
href="http://www.w3.org/TR/2011/REC-css3-color-20110607">http://www.w3.org/TR/2011/REC-css3-color-20110607</a>
5249-
</dd>
5245+
</dd>
52505246
<!---->
52515247

52525248
<dt id=CSS3GCPM>[CSS3GCPM]
@@ -5256,7 +5252,7 @@ <h2 class=no-num id=references>References</h2>
52565252
Generated Content for Paged Media Module.</cite></a> 8 June 2010. W3C
52575253
Working Draft. (Work in progress.) URL: <a
52585254
href="http://www.w3.org/TR/2010/WD-css3-gcpm-20100608">http://www.w3.org/TR/2010/WD-css3-gcpm-20100608</a>
5259-
</dd>
5255+
</dd>
52605256
<!---->
52615257

52625258
<dt id=CSS3UI>[CSS3UI]
@@ -5266,7 +5262,7 @@ <h2 class=no-num id=references>References</h2>
52665262
User Interface Module Level 3 (CSS3 UI).</cite></a> 17 January 2012. W3C
52675263
Working Draft. (Work in progress.) URL: <a
52685264
href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/">http://www.w3.org/TR/2012/WD-css3-ui-20120117/</a>
5269-
</dd>
5265+
</dd>
52705266
<!---->
52715267

52725268
<dt id=MEDIAQ>[MEDIAQ]
@@ -5275,7 +5271,7 @@ <h2 class=no-num id=references>References</h2>
52755271
href="http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/"><cite>Media
52765272
Queries.</cite></a> 19 June 2012. W3C Recommendation. URL: <a
52775273
href="http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/">http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/</a>
5278-
</dd>
5274+
</dd>
52795275
<!---->
52805276

52815277
<dt id=SELECT>[SELECT]
@@ -5284,7 +5280,7 @@ <h2 class=no-num id=references>References</h2>
52845280
href="http://www.w3.org/TR/2011/REC-css3-selectors-20110929/"><cite>Selectors
52855281
Level 3.</cite></a> 29 September 2011. W3C Recommendation. URL: <a
52865282
href="http://www.w3.org/TR/2011/REC-css3-selectors-20110929/">http://www.w3.org/TR/2011/REC-css3-selectors-20110929/</a>
5287-
</dd>
5283+
</dd>
52885284
<!---->
52895285

52905286
<dt id=WCAG20>[WCAG20]
@@ -5294,7 +5290,7 @@ <h2 class=no-num id=references>References</h2>
52945290
Accessibility Guidelines (WCAG) 2.0.</cite></a> 11 December 2008. W3C
52955291
Recommendation. URL: <a
52965292
href="http://www.w3.org/TR/2008/REC-WCAG20-20081211/">http://www.w3.org/TR/2008/REC-WCAG20-20081211/</a>
5297-
</dd>
5293+
</dd>
52985294
<!---->
52995295
</dl>
53005296
<!--end-informative-->
@@ -5455,7 +5451,6 @@ <h2 class=no-num id=index>Index</h2>
54555451
title="number of rows"><strong>2.</strong></a>
54565452

54575453
<li>overflow, <a href="#overflow" title=overflow><strong>1.2.</strong></a>
5458-
54595454

54605455
<li>page area, <a href="#page-area"
54615456
title="page area"><strong>1.2.</strong></a>
@@ -5464,7 +5459,6 @@ <h2 class=no-num id=index>Index</h2>
54645459
title="page-based template"><strong>7.</strong></a>
54655460

54665461
<li>position, <a href="#position" title=position><strong>1.2.</strong></a>
5467-
54685462

54695463
<li>right, <a href="#right" title=right><strong>1.2.</strong></a>
54705464

0 commit comments

Comments
 (0)