- From: H?kon Wium Lie via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 21 Sep 2011 18:19:28 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-gcpm In directory hutz:/tmp/cvs-serv30835 Modified Files: Overview.src.html Log Message: refining alternative float model Index: Overview.src.html =================================================================== RCS file: /sources/public/csswg/css3-gcpm/Overview.src.html,v retrieving revision 1.116 retrieving revision 1.117 diff -u -d -r1.116 -r1.117 --- Overview.src.html 21 Sep 2011 18:06:29 -0000 1.116 +++ Overview.src.html 21 Sep 2011 18:19:26 -0000 1.117 @@ -2525,15 +2525,25 @@ layouts that push (say) images to the edge of the screen can be achieved. +<div class=example> -<h3>Combining keywords</h3> +<p>In this example, there is white space around the content of the body element. The white space consists of page margins vertically, and padding horizontally. This way, it is possible to align the right edge of an image with the right edge of the viewport. -<p class=issue>Currently, only one +<pre> +@page { margin: 2em 0 } +body { + columns: 3; + padding: 0 2em; +} +img { float: top-corner; column-span: 2; width: 100% } +</pre> + +</div> <h3>Float modifiers</h3> -<p>A new property, 'float-adjust', is introduced with these values: +<p>Two new values on 'float' <dl> <dt>next-page @@ -2555,13 +2565,15 @@ <pre> .figure { float: top-corner; float-adjust: next-page } -</div> +</pre> </div> +<p class=issue>Would it be better to have the modifiers on a new proprty, e.g. 'float-adjust'. This way, the 'float' property would only take one value and it would be impossible to specify some nonsensical combinations. + <p class=issue>it may be easier to allow 'next-page' and ' -<h2>Floating inside and outside</h2> +<h3>Floating inside and outside pages</h3> <p>Two allow content to flow to the inside and outside of a page, these keywords are added to the 'float' property: @@ -2576,6 +2588,13 @@ </dl> +<div class=example> +<pre> +.figure { float: outside } +</pre> +</div> + + <h2>Page floats (mk1)</h2>
Received on Wednesday, 21 September 2011 18:19:30 UTC