Skip to content

Commit accb621

Browse files
committed
cleaning up draft
1 parent c3940a4 commit accb621

1 file changed

Lines changed: 27 additions & 86 deletions

File tree

css3-gcpm/Overview.src.html

Lines changed: 27 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -141,26 +141,6 @@ <h2 class="no-num no-toc"><a name="contents">Table of contents</a></h2>
141141
included here automatically.]</p>
142142
<!--end-toc-->
143143

144-
<!--
145-
<h2 id=dependencies>Dependencies on other modules</h2>
146-
147-
<p>This CSS3 module has normative references to the following other CSS3
148-
modules:</p>
149-
<ul>
150-
<li>[[!CSS3LIST]]</li>
151-
<li>[[!CSS3VAL]]</li>
152-
</ul>
153-
154-
155-
<p>This CSS3 module has non-normative references to the following other CSS3
156-
modules:</p>
157-
158-
<ul>
159-
<li>[[CSS3COL]]</li>
160-
<li>[[CSS3PAGE]]</li>
161-
<li>[[CSS3MULTICOL]]</li>
162-
</ul>
163-
-->
164144

165145
<h2>Introduction</h2>
166146

@@ -2888,29 +2868,7 @@ <h2>Page floats</h2>
28882868

28892869

28902870
<p>To support page floats, the <span class=property>'float'</span>
2891-
property is extended with several new values. In this list, the new
2892-
values are listed and categorized (along with the existing 'left',
2893-
'right' and 'none' keywords, and the 'footnote' and 'to()' as described above):
2894-
2895-
<ul>
2896-
<li>horizontal keywords: left right inside outside
2897-
<li>vertical keywords: top bottom
2898-
<li>flow root keywords: page multicol
2899-
<li>modifier keyword: next unless-room
2900-
<li>other keywords: none hide footnote to() page()
2901-
</ul>
2902-
2903-
<p>The keywords can be combined to form more complex expressions.
2904-
2905-
<div class="example">
2906-
<p>This code floats figures to the top of the next page:
2907-
2908-
<pre>
2909-
.figure {
2910-
float: top next page;
2911-
}
2912-
</pre>
2913-
</div>
2871+
property is extended with several new values:
29142872

29152873
<!--
29162874
@@ -2932,7 +2890,6 @@ <h2>Page floats</h2>
29322890
29332891
-->
29342892

2935-
<p>The new values have the following meaning:
29362893

29372894
<dl>
29382895
<dt>inside
@@ -2953,27 +2910,7 @@ <h2>Page floats</h2>
29532910
<dd>The element may intrude neighboring columns; if the element is not in a multi-column element, this keyword has no effect.
29542911

29552912
<dt>unless-room
2956-
<dd>if the element can be laid out in its natural position without causing a page break, it should be laid out there disregarding the 'float' property; in other cases the other values on 'float' will dertermine its floating behaviour
2957-
2958-
<div class="example">
2959-
<p>Float the figure to the top of the next page, unless it fits in its natural position without causing a page break:
2960-
2961-
<pre>
2962-
.figure {
2963-
float: top next page unless-room;
2964-
}
2965-
</pre>
2966-
</div>
2967-
2968-
<div class="example">
2969-
<p>Hide the element unless it fits in its natural position without causing a page break:
2970-
2971-
<pre>
2972-
.figure {
2973-
float: hide unless-room;
2974-
}
2975-
</pre>
2976-
</div>
2913+
<dd>If the element can be laid out in its natural position without causing a page break, it should be laid out there disregarding the 'float' property; in other cases the other values on 'float' will dertermine its floating behaviour.
29772914

29782915

29792916
<dt>top
@@ -3001,8 +2938,17 @@ <h2>Page floats</h2>
30012938

30022939
</dl>
30032940

2941+
<p>The values on float are categorized as such:
2942+
2943+
<ul>
2944+
<li>horizontal keywords: left right inside outside
2945+
<li>vertical keywords: top bottom
2946+
<li>flow root keywords: page multicol
2947+
<li>modifier keyword: next unless-room
2948+
<li>other keywords: none hide footnote page()
2949+
</ul>
30042950

3005-
<p>The keywords can be combined into sets this way:
2951+
<p>The keywords can be combined to form more complex expressions with these restrictions:
30062952

30072953
<ul>
30082954
<li>only one horizontal keyword can appear in a set
@@ -3019,7 +2965,6 @@ <h2>Page floats</h2>
30192965
<pre>
30202966
.figure {
30212967
float: top page;
3022-
width: 1gr;
30232968
}
30242969
</pre>
30252970
</div>
@@ -3030,21 +2975,10 @@ <h2>Page floats</h2>
30302975
<pre>
30312976
.figure {
30322977
float: top next page;
3033-
width: 1gr;
30342978
}
30352979
</pre>
30362980
</div>
30372981

3038-
<div class="example">
3039-
<p>Float figure to the top right of the multi-column element:
3040-
3041-
<pre>
3042-
.figure {
3043-
float: top right multicol;
3044-
width: 1gr;
3045-
}
3046-
</pre>
3047-
</div>
30482982

30492983

30502984
<div class="example">
@@ -3053,7 +2987,6 @@ <h2>Page floats</h2>
30532987
<pre>
30542988
@footnote {
30552989
float: bottom inside multicol;
3056-
width: 1gr;
30572990
}
30582991
</pre>
30592992
</div>
@@ -3072,12 +3005,21 @@ <h2>Page floats</h2>
30723005

30733006

30743007
<div class="example">
3075-
<p>If there is room on the current page, show the element in place. If
3076-
there isn't room on the current page, hide the element.
3008+
<p>Float the figure to the top of the next page, unless it fits in its natural position without causing a page break:
30773009

30783010
<pre>
30793011
.figure {
3080-
float: none, hide;
3012+
float: top next page unless-room;
3013+
}
3014+
</pre>
3015+
</div>
3016+
3017+
<div class="example">
3018+
<p>Hide the element unless it fits in its natural position without causing a page break:
3019+
3020+
<pre>
3021+
.figure {
3022+
float: hide unless-room;
30813023
}
30823024
</pre>
30833025
</div>
@@ -3094,7 +3036,7 @@ <h2>Page floats</h2>
30943036
</pre>
30953037

30963038
In the above code, the element is take out of the flow, which is
3097-
allowed to contiue on the same page. If the flow should be broken,
3039+
allowed to continue on the same page. If the flow should be broken,
30983040
this code can be used:
30993041

31003042
<pre>
@@ -3131,7 +3073,6 @@ <h2>Page floats</h2>
31313073
</div>
31323074

31333075

3134-
31353076
<p>For non-replaced elements in horizontal text, values on 'float'
31363077
that have a horizontal component ('right', 'left', 'outside',
31373078
'inside') will result in shrink-wrap width calculations as per CSS 2.1
@@ -3284,7 +3225,7 @@ <h2>Advanced multi-column layout</h2>
32843225
<p>The proposed functionality relies on three new components:
32853226

32863227
<ul>
3287-
<li>one new value on float: ''multicol'':
3228+
<li>one new value on float: ''multicol'' (listed in the previous section)
32883229
<li>one new property: 'float-offset'
32893230
<li>one new unit: ''gr''
32903231
</ul>
@@ -3305,7 +3246,7 @@ <h2>Advanced multi-column layout</h2>
33053246
Each column has one grid line on each side corresponding to the
33063247
content edge of the content box.
33073248

3308-
<p>The 'gr' unit has two purposes. When used on the 'float-offset'
3249+
<p>The ''gr'' unit has two purposes. When used on the 'float-offset'
33093250
property it identifies a position by counting columns and gaps from
33103251
the position established by the 'float' property. Fractions on the
33113252
'gr' unit refer to fractions of the last counted gap or column.

0 commit comments

Comments
 (0)