- From: H?kon Wium Lie via cvs-syncmail <cvsmail@w3.org>
- Date: Tue, 25 Oct 2011 19:58:18 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-gcpm In directory hutz:/tmp/cvs-serv28784 Modified Files: Overview.src.html Log Message: separating out float intrusion Index: Overview.src.html =================================================================== RCS file: /sources/public/csswg/css3-gcpm/Overview.src.html,v retrieving revision 1.141 retrieving revision 1.142 diff -u -d -r1.141 -r1.142 --- Overview.src.html 25 Oct 2011 19:06:17 -0000 1.141 +++ Overview.src.html 25 Oct 2011 19:58:16 -0000 1.142 @@ -2717,7 +2717,7 @@ <h3>Float modifiers</h3> -<p>These new values on 'float' can be combined with the other values: +<p>These values on 'float' can be combined with 'top'/'bottom'/'top-corner'/'bottom-corner' values: <dl> @@ -2727,17 +2727,16 @@ <dt>next-column -<dd>In paged media, float box to the next column. +<dd>In paged media, float box to the next column. <dt>unless-room -<dd>Only float the box if it otherwise would have lead to a column or page break +<dd>Only float the box if it otherwise would have lead to a column or page break. -<p class=issue>Can this value be combined with all other values? E.g., does "left unless-room" make sense? -<dt>intrude +<dt>left -<dd>The element may intrude neighboring columns; if the element is not in a multi-column element, this keyword has no effect. +<dt>right </dl> @@ -2746,12 +2745,30 @@ <pre> .figure { float: top next-column } +.figure { float: next-column top } .figure { float: top unless-room } .figure { float: top-corner next-page } </pre> </div> +<p>Also, 'snap' can be combined with 'left' and 'right'. + + +<h2>Multi-column float intrusion</h2> + +<p>A new value on 'float' is introduced to support intrusion in columns: + +<dl> +<dt>intrude + +<dd>The element may intrude neighboring columns; if the element is not in a multi-column element, this keyword has no effect. +</dl> + +</dl> + +<p>The 'intrude' value only works in combination with one of these keywords: 'left'/'right'/'top'/'bottom'/'top-corner'/'bottom-corner'. + <div class=example> <pre class=css> @@ -2767,8 +2784,6 @@ </div> -<p class=issue>Would it be better to have these modifiers on a new property, e.g. 'float-adjust'. This way, the 'float' property would only need to take one value. - <h3>Floating inside and outside pages</h3> @@ -2866,7 +2881,7 @@ page of each chapter: <pre> - div.chapter { columns: 20em; break-before: left } + div.chapter { break-before: left } div.chapter::first-page { padding-left: 4em } </pre>
Received on Tuesday, 25 October 2011 19:58:20 UTC