You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p>The keywords can be combined to form more complex expressions.
2904
-
2905
-
<divclass="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:
2914
2872
2915
2873
<!--
2916
2874
@@ -2932,7 +2890,6 @@ <h2>Page floats</h2>
2932
2890
2933
2891
-->
2934
2892
2935
-
<p>The new values have the following meaning:
2936
2893
2937
2894
<dl>
2938
2895
<dt>inside
@@ -2953,27 +2910,7 @@ <h2>Page floats</h2>
2953
2910
<dd>The element may intrude neighboring columns; if the element is not in a multi-column element, this keyword has no effect.
2954
2911
2955
2912
<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
-
<divclass="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
-
<divclass="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.
2977
2914
2978
2915
2979
2916
<dt>top
@@ -3001,8 +2938,17 @@ <h2>Page floats</h2>
3001
2938
3002
2939
</dl>
3003
2940
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>
3004
2950
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:
3006
2952
3007
2953
<ul>
3008
2954
<li>only one horizontal keyword can appear in a set
@@ -3019,7 +2965,6 @@ <h2>Page floats</h2>
3019
2965
<pre>
3020
2966
.figure {
3021
2967
float: top page;
3022
-
width: 1gr;
3023
2968
}
3024
2969
</pre>
3025
2970
</div>
@@ -3030,21 +2975,10 @@ <h2>Page floats</h2>
3030
2975
<pre>
3031
2976
.figure {
3032
2977
float: top next page;
3033
-
width: 1gr;
3034
2978
}
3035
2979
</pre>
3036
2980
</div>
3037
2981
3038
-
<divclass="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>
3048
2982
3049
2983
3050
2984
<divclass="example">
@@ -3053,7 +2987,6 @@ <h2>Page floats</h2>
3053
2987
<pre>
3054
2988
@footnote {
3055
2989
float: bottom inside multicol;
3056
-
width: 1gr;
3057
2990
}
3058
2991
</pre>
3059
2992
</div>
@@ -3072,12 +3005,21 @@ <h2>Page floats</h2>
3072
3005
3073
3006
3074
3007
<divclass="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:
3077
3009
3078
3010
<pre>
3079
3011
.figure {
3080
-
float: none, hide;
3012
+
float: top next page unless-room;
3013
+
}
3014
+
</pre>
3015
+
</div>
3016
+
3017
+
<divclass="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;
3081
3023
}
3082
3024
</pre>
3083
3025
</div>
@@ -3094,7 +3036,7 @@ <h2>Page floats</h2>
3094
3036
</pre>
3095
3037
3096
3038
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,
3098
3040
this code can be used:
3099
3041
3100
3042
<pre>
@@ -3131,7 +3073,6 @@ <h2>Page floats</h2>
3131
3073
</div>
3132
3074
3133
3075
3134
-
3135
3076
<p>For non-replaced elements in horizontal text, values on 'float'
3136
3077
that have a horizontal component ('right', 'left', 'outside',
3137
3078
'inside') will result in shrink-wrap width calculations as per CSS 2.1
0 commit comments