8000 dummy edit · simonwuelker/csswg-drafts@ab34c9f · GitHub
Skip to content

Commit ab34c9f

Browse files
howcomhowcom
committed
dummy edit
1 parent deffbcb commit ab34c9f

1 file changed

Lines changed: 109 additions & 34 deletions

File tree

‎css3-gcpm/Overview.html‎

Lines changed: 109 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -213,7 +213,8 @@ <h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
213213
shift effects</a>
214214
</ul>
215215

216-
<li><a href="#page-floats"><span class=secno>12. </span>Page floats</a>
216+
<li><a href="#page-and-column-floats"><span class=secno>12. </span>Page
217+
and column floats</a>
217218
<ul class=toc>
218219
<li><a href="#float-modifiers"><span class=secno>12.1. </span>Float
219220
modifiers</a>
@@ -222,43 +223,46 @@ <h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
222223
</span>Floating inside and outside pages</a>
223224
</ul>
224225

225-
<li><a href="#exclusions"><span class=secno>13. </span>Exclusions</a>
226+
<li><a href="#page-and-column-floats-alternative-synta"><span
227+
class=secno>13. </span>Page and column floats, alternative syntax</a>
228+
229+
<li><a href="#exclusions"><span class=secno>14. </span>Exclusions</a>
226230
<ul class=toc>
227-
<li><a href="#exclusions-based-on-floats"><span class=secno>13.1.
231+
<li><a href="#exclusions-based-on-floats"><span class=secno>14.1.
228232
</span>Exclusions based on floats</a>
229233

230-
<li><a href="#the-float-offset-property"><span class=secno>13.2.
234+
<li><a href="#the-float-offset-property"><span class=secno>14.2.
231235
</span>The &lsquo;<code class=property>float-offset</code>&rsquo;
232236
property</a>
233237

234-
<li><a href="#the-clear-side-property"><span class=secno>13.3.
238+
<li><a href="#the-clear-side-property"><span class=secno>14.3.
235239
</span>The &lsquo;<code class=property>clear-side</code>&rsquo;
236240
property</a>
237241

238-
<li><a href="#exclusions-based-on-images"><span class=secno>13.4.
242+
<li><a href="#exclusions-based-on-images"><span class=secno>14.4.
239243
</span>Exclusions based on images</a>
240244

241245
<li><a href="#exclusions-based-on-rendered-content"><span
242-
class=secno>13.5. </span>Exclusions based on rendered content</a>
246+
class=secno>14.5. </span>Exclusions based on rendered content</a>
243247

244-
<li><a href="#exclusions-based-on-shapes"><span class=secno>13.6.
248+
<li><a href="#exclusions-based-on-shapes"><span class=secno>14.6.
245249
</span>Exclusions based on shapes</a>
246250
</ul>
247251

248-
<li><a href="#regions"><span class=secno>14. </span>Regions</a>
252+
<li><a href="#regions"><span class=secno>15. </span>Regions</a>
249253

250-
<li><a href="#regions-and-exclusions-examples"><span class=secno>15.
254+
<li><a href="#regions-and-exclusions-examples"><span class=secno>16.
251255
</span>Regions and Exclusions examples</a>
252256

253-
<li><a href="#selecting-pages"><span class=secno>16. </span>Selecting
257+
<li><a href="#selecting-pages"><span class=secno>17. </span>Selecting
254258
pages</a>
255259

256-
<li><a href="#selecting-lines"><span class=secno>17. </span>Selecting
260+
<li><a href="#selecting-lines"><span class=secno>18. </span>Selecting
257261
lines</a>
258262

259-
<li><a href="#conformance"><span class=secno>18. </span>Conformance</a>
263+
<li><a href="#conformance"><span class=secno>19. </span>Conformance</a>
260264

261-
<li><a href="#appendix-a-default-style-sheet"><span class=secno>19.
265+
<li><a href="#appendix-a-default-style-sheet"><span class=secno>20.
262266
</span>Appendix A: Default style sheet</a>
263267

264268
<li class=no-num><a href="#acknowledgments">Acknowledgments</a>
@@ -2931,9 +2935,8 @@ <h3 id=page-shift-effects><span class=secno>11.1. </span>Page shift effects</h3>
29312935
</pre>
29322936
</div>
29332937

2934-
<h2 id=page-floats><span class=secno>12. </span>Page floats</h2>
2935-
2936-
<p class=issue>Is this a misnomer?
2938+
<h2 id=page-and-column-floats><span class=secno>12. </span>Page and column
2939+
floats</h2>
29372940

29382941
<p>Images and figures are sometimes displayed at the top or bottom of pages
29392942
and columns. This specificaton adds new keywords on the &lsquo;<code
@@ -3000,8 +3003,8 @@ <h2 id=page-floats><span class=secno>12. </span>Page floats</h2>
30003003
</div>
30013004

30023005
<div class=example>
3003-
<p>Float figure to top/bottom of the last column of the multicol element
3004-
on that page:
3006+
<p>Float figure to top of the last column of the multicol element on the
3007+
current page:
30053008

30063009
<pre>
30073010
.figure { float: top-corner }
@@ -3121,9 +3124,81 @@ <h3 id=floating-inside-and-outside-pages><span class=secno>12.2.
31213124
</pre>
31223125
</div>
31233126

3124-
<h2 id=exclusions><span class=secno>13. </span>Exclusions</h2>
3127+
<h2 id=page-and-column-floats-alternative-synta><span class=secno>13.
3128+
</span>Page and column floats, alternative syntax</h2>
3129+
3130+
<p>This section describes an alternative syntax for page and column floats.
3131+
3132+
3133+
<p>Four new keywords on &lsquo;<code class=property>float</code>&rsquo;
3134+
have been added:
3135+
3136+
<dl>
3137+
<dt>left, right, top, bottom
3138+
3139+
<dd>relafive to physical screen
3140+
3141+
<dt>line-left, line-right
3142+
3143+
<dd>relative to inline axis
3144+
3145+
<dt>before, after
3146+
3147+
<dd>relative to block direction
3148+
3149+
<dt>inside, outside
3150+
3151+
<dd>as described in the previous section
3152+
3153+
<dt>columns(n)
3154+
3155+
<dd>makes the float span n columns; sets the float context to be the
3156+
multicol element
3157+
3158+
<dt>page
3159+
3160+
<dd>sets the float context to be the page, not the element
3161+
</dl>
3162+
3163+
<div class=example>
3164+
<p>Float figure to the top right corner of the multicol element, spanning
3165+
two columns:
3166+
3167+
<pre>
3168+
.figure { float: top rigth columns(2); width: 100% }
3169+
</pre>
3170+
<img alt="sample rendering" src=8.png></div>
3171+
3172+
<div class=example>
3173+
<p>Float figure to top of the last column of the multicol element on the
3174+
current page:
3175+
3176+
<pre>
3177+
.figure { float: top right columns(1) }
3178+
</pre>
3179+
<img alt="sample rendering" src=6.png></div>
3180+
3181+
<div class=example>
3182+
<p>Float figure to the top right of the current element, allowing other
3183+
content on its side:
3184+
3185+
<pre>
3186+
.figure { float: top right; width: 60% }
3187+
</pre>
3188+
<img alt="sample rendering" src=13.png></div>
3189+
3190+
<div class=example>
3191+
<p>Escape the multicol element and float to the top right of the page
3192+
area:
3193+
3194+
<pre>
3195+
.figure { float: top right page }
3196+
</pre>
3197+
</div>
3198+
3199+
<h2 id=exclusions><span class=secno>14. </span>Exclusions</h2>
31253200

3126-
<h3 id=exclusions-based-on-floats><span class=secno>13.1. </span>Exclusions
3201+
<h3 id=exclusions-based-on-floats><span class=secno>14.1. </span>Exclusions
31273202
based on floats</h3>
31283203

31293204
<p>A new value on &lsquo;<code class=property>float</code>&rsquo; is
@@ -3156,7 +3231,7 @@ <h3 id=exclusions-based-on-floats><span class=secno>13.1. </span>Exclusions
31563231
alt="sample rendering" src=1.png>
31573232
</div>
31583233

3159-
<h3 id=the-float-offset-property><span class=secno>13.2. </span>The
3234+
<h3 id=the-float-offset-property><span class=secno>14.2. </span>The
31603235
&lsquo;<a href="#float-offset"><code
31613236
class=property>float-offset</code></a>&rsquo; property</h3>
31623237

@@ -3286,7 +3361,7 @@ <h3 id=the-float-offset-property><span class=secno>13.2. </span>The
32863361
</pre>
32873362
<img alt="sample rendering" src=12.png></div>
32883363

3289-
<h3 id=the-clear-side-property><span class=secno>13.3. </span>The &lsquo;<a
3364+
<h3 id=the-clear-side-property><span class=secno>14.3. </span>The &lsquo;<a
32903365
href="#clear-side"><code class=property>clear-side</code></a>&rsquo;
32913366
property</h3>
32923367

@@ -3446,7 +3521,7 @@ <h3>Pull-quotes</h3>
34463521
-->
34473522
</div>
34483523

3449-
<h3 id=exclusions-based-on-images><span class=secno>13.4. </span>Exclusions
3524+
<h3 id=exclusions-based-on-images><span class=secno>14.4. </span>Exclusions
34503525
based on images</h3>
34513526

34523527
<p>Exclusions are often based on shapes found in images. In this
@@ -3500,7 +3575,7 @@ <h3 id=exclusions-based-on-images><span class=secno>13.4. </span>Exclusions
35003575
</pre>
35013576
</div>
35023577

3503-
<h3 id=exclusions-based-on-rendered-content><span class=secno>13.5.
3578+
<h3 id=exclusions-based-on-rendered-content><span class=secno>14.5.
35043579
</span>Exclusions based on rendered content</h3>
35053580

35063581
<p>A new property. &lsquo;<code class=property>exclude-level</code>&rsquo;,
@@ -3530,7 +3605,7 @@ <h3 id=exclusions-based-on-rendered-content><span class=secno>13.5.
35303605
class=property>exclude-level</code>&rsquo; and &lsquo;<code
35313606
class=property>background-exclude-level</code>&rsquo; is set.
35323607

3533-
<h3 id=exclusions-based-on-shapes><span class=secno>13.6. </span>Exclusions
3608+
<h3 id=exclusions-based-on-shapes><span class=secno>14.6. </span>Exclusions
35343609
based on shapes</h3>
35353610

35363611
<p class=issue>I suggest not having exclusions based in shapes in the first
@@ -3592,7 +3667,7 @@ <h2>Aligning baselines in multi-column layouts</h2>
35923667
<p class=note>A similar idea &mdash; 'line-stacking-strategy: grid-height' &mdash; was proposed in a <a href="http://www.w3.org/TR/css3-linebox/#line-stacking-strategy">previous version of the CSS3 line module</a>. The 'line-stacking-strategy' property is <a href="http://www.w3.org/TR/xsl/#line-stacking-strategy">used in XSL</a>.
35933668
-->
35943669

3595-
<h2 id=regions><span class=secno>14. </span>Regions</h2>
3670+
<h2 id=regions><span class=secno>15. </span>Regions</h2>
35963671

35973672
<p>Regions are series of stylable boxes into which content can be poured.
35983673
Columns are regions that are automatically generated to contain all the
@@ -3712,7 +3787,7 @@ <h2 id=regions><span class=secno>14. </span>Regions</h2>
37123787
</div>
37133788
-->
37143789

3715-
<h2 id=regions-and-exclusions-examples><span class=secno>15. </span>Regions
3790+
<h2 id=regions-and-exclusions-examples><span class=secno>16. </span>Regions
37163791
and Exclusions examples</h2>
37173792

37183793
<div class=example> <img src="exclusion_ordering.png">
@@ -3747,7 +3822,7 @@ <h2 id=regions-and-exclusions-examples><span class=secno>15. </span>Regions
37473822
</pre>
37483823
</div>
37493824

3750-
<h2 id=selecting-pages><span class=secno>16. </span>Selecting pages</h2>
3825+
<h2 id=selecting-pages><span class=secno>17. </span>Selecting pages</h2>
37513826

37523827
<p>In CSS 2.0, <a
37533828
href="http://www.w3.org/TR/CSS2/page.html#page-selectors">first, left and
@@ -3860,7 +3935,7 @@ <h3>Page pseudo-elements</h3>
38603935
<p class=issue>This may no longer be needed du to generic page selectors
38613936
-->
38623937

3863-
<h2 id=selecting-lines><span class=secno>17. </span>Selecting lines</h2>
3938+
<h2 id=selecting-lines><span class=secno>18. </span>Selecting lines</h2>
38643939

38653940
<p>The &lsquo;<code class=property>first-line</code>&rsquo; pseudo-element
38663941
selects the first formatted line of an element. The &lsquo;<code
@@ -3882,11 +3957,11 @@ <h2 id=selecting-lines><span class=secno>17. </span>Selecting lines</h2>
38823957
</pre>
38833958
</div>
38843959

3885-
<h2 id=conformance><span class=secno>18. </span>Conformance</h2>
3960+
<h2 id=conformance><span class=secno>19. </span>Conformance</h2>
38863961

38873962
<p>TBD
38883963

3889-
<h2 id=appendix-a-default-style-sheet><span class=secno>19. </span>Appendix
3964+
<h2 id=appendix-a-default-style-sheet><span class=secno>20. </span>Appendix
38903965
A: Default style sheet</h2>
38913966

38923967
<pre>
@@ -4001,10 +4076,10 @@ <h2 class=no-num id=index>Index</h2>
40014076
title=bookmark-target><strong>7.</strong></a>
40024077

40034078
<li>clear-side, <a href="#clear-side"
4004-
title=clear-side><strong>13.3.</strong></a>
4079+
title=clear-side><strong>14.3.</strong></a>
40054080

40064081
<li>float-offset, <a href="#float-offset"
4007-
title=float-offset><strong>13.2.</strong></a>
4082+
title=float-offset><strong>14.2.</strong></a>
40084083

40094084
<li>marks, <a href="#marks" title=marks><strong>6.</strong></a>
40104085

0 commit comments

Comments
 (0)