- From: H?kon Wium Lie via cvs-syncmail <cvsmail@w3.org>
- Date: Sun, 09 Oct 2011 15:48:23 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-gcpm In directory hutz:/tmp/cvs-serv1446 Modified Files: Overview.src.html Log Message: fixing typos, revising descriptions of overflow-* values, extending examples Index: Overview.src.html =================================================================== RCS file: /sources/public/csswg/css3-gcpm/Overview.src.html,v retrieving revision 1.131 retrieving revision 1.132 diff -u -d -r1.131 -r1.132 --- Overview.src.html 9 Oct 2011 15:26:06 -0000 1.131 +++ Overview.src.html 9 Oct 2011 15:48:21 -0000 1.132 @@ -2467,11 +2467,11 @@ <dl> <dt>paged-x -<dd>overflow content is paged, and the pages are laid out along the x axis, in the writing direction +<dd>overflow content is paged, and the pages are laid out along the x axis, in the x axis component of the writing direction <dt>paged-y -<dd>overflow content is paged, and the pages are laid out along the y axis, in the writing direction +<dd>overflow content is paged, and the pages are laid out along the y axis, in the the y axis component of the writing direction <dt>paged-x-controls @@ -2484,6 +2484,12 @@ </dl> <div class=example> +<p>In this example, the root element is constrained to have the same +height as the initial containing block. Overflow content will be laid +out on subsequent pages along the x axis. In LTR languages, this means +right; in RTL languages this means left; in vertical-rl this means +right. + <pre> html { overflow: paged-x; @@ -2492,7 +2498,22 @@ </pre> </div> -<h2>Navigation between paged</h2> +<div class=example> +<p>In this example, one element within the document is paged, and +controls are added so that users can navigate from one page to the +next. As such, the controls have the same effect as scrollbars in +continous presentations. + +<pre> + #content { + overflow: paged-x-controls; + height: 400px; + } +</pre> +</div> + + +<h2>Navigation between pages</h2> <p>Paged navigation within a page (as described above), can also be naturally extended to navigation between web documents. To support @@ -2519,7 +2540,7 @@ <div class=example> <pre> @navigation { - nav-up: url-doc(/); /* argument is URL relative to document */ + nav-up: url-doc(..); /* argument is URL relative to document */ nav-down: url(a1.html); /* argument is a url (as per CSS) */ nav-right: link-rel(next); /* argument is link type */ nav-left: go(back); /* go back in history */
Received on Sunday, 9 October 2011 15:48:24 UTC