Skip to content

Commit 67b6f98

Browse files
author
howcome
committed
reworking column-span
1 parent f54d524 commit 67b6f98

1 file changed

Lines changed: 58 additions & 2 deletions

File tree

css-gcpm/Overview.src.html

Lines changed: 58 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2839,8 +2839,6 @@ <h3>Spanning columns</h3>
28392839

28402840
<p>The 'column-span' property is extended with integer values so that elements can span several columns. If the specified integer value is equal to, or larger than the number of columns in the multicol element, the number of columns spanned will be the same as if 'column-span: all' had been specified.
28412841

2842-
2843-
28442842
<div class=example>
28452843
<p>In this example, a commonly used newspaper layout is easily described:
28462844
<pre>
@@ -2851,6 +2849,21 @@ <h3>Spanning columns</h3>
28512849
<img alt="sample rendering" src=regions.png>
28522850
</div>
28532851

2852+
<p>Further, the 'page' value is added to 'column-span' so that the page (and not the column or element) becomes the reference.
2853+
2854+
<div class=example>
2855+
<p>In this example, the footer is floated to the bottom of the last page (and not the bottom of the article element):
2856+
2857+
<pre>
2858+
footer { float: bottom; colum-span: page }
2859+
2860+
&lt;article>
2861+
...
2862+
&lt;footer>...&lt;.footer>
2863+
&lt;/article>
2864+
</pre>
2865+
</div>
2866+
28542867

28552868
<h3>Deferring floats: float-defer-column, float-defer-page</h3>
28562869

@@ -3242,6 +3255,49 @@ <h3>Floating inside and outside pages</h3>
32423255
<p class=issue>Should there be a way to combine float: top/bottom with left/right?
32433256
<p class=issue>Should there be a way to delete page floats that end up lonesome on pages?
32443257

3258+
<!--
3259+
3260+
<h3>Float reference</h3>
3261+
3262+
<table class=propdef>
3263+
<tr>
3264+
<td><em>Name:</em>
3265+
<td><dfn>float-reference</dfn>
3266+
<tr>
3267+
<td><em>Value:</em>
3268+
<td>auto | page
3269+
<tr>
3270+
<td><em>Initial:</em>
3271+
<td>auto
3272+
<tr>
3273+
<td><em>Applies to:</em>
3274+
<td>floated elements
3275+
<tr>
3276+
<td><em>Inherited:</em>
3277+
<td>no
3278+
<tr>
3279+
<td><em>Percentages:</em>
3280+
<td>N/A
3281+
<tr>
3282+
<td><em>Media:</em>
3283+
<td>visual, paged
3284+
<tr>
3285+
<td><em>Computed&nbsp;value:</em>
3286+
<td>as specified
3287+
</table>
3288+
3289+
<p>This property indicates the reference for page floats. Values are:
3290+
3291+
<dl>
3292+
<dt>auto
3293+
<dd>the column or the element is the reference
3294+
<dt>page
3295+
<dd>the page is the reference
3296+
</dl>
3297+
3298+
<p class=issue>Should this be a value on 'column-span' instead? E.g.: 'column-span: page'?
3299+
3300+
-->
32453301

32463302
<h2>Page and column floats, alternative syntax</h2>
32473303

0 commit comments

Comments
 (0)