2121
2222 < h1 > CSS Generated Content for Paged Media Module</ h1 >
2323
24- < h2 class ="no-num no-toc " id =w3c-working > Editor's Draft 17 August 2012</ h2 >
24+ < h2 class ="no-num no-toc " id =w3c-working > Editor's Draft 22 August 2012</ h2 >
2525
2626 < dl >
2727 < dt > This version:
2828
2929 < dd > < a
30- href ="http://www.w3.org/TR/2012/ED-css3-gcpm-20120817 / "> http://www.w3.org/TR/2012/ED-css3-gcpm-20120817 /</ a >
30+ href ="http://www.w3.org/TR/2012/ED-css3-gcpm-20120822 / "> http://www.w3.org/TR/2012/ED-css3-gcpm-20120822 /</ a >
3131
3232 < dt > Latest version:
3333
@@ -193,7 +193,8 @@ <h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
193193 < li > < a href ="#page-marks-and-bleed-area "> < span class =secno > 6. </ span > Page
194194 marks and bleed area</ a >
195195
196- < li > < a href ="#bookmarks "> < span class =secno > 7. </ span > Bookmarks</ a >
196+ < li > < a href ="#bookmarks-bookmark-level- "> < span class =secno > 7.
197+ </ span > Bookmarks: ‘< code class =property > bookmark-level</ code > ’, </ a >
197198
198199 < li > < a href ="#cmyk-colors "> < span class =secno > 8. </ span > CMYK colors</ a >
199200
@@ -486,9 +487,8 @@ <h4 id=setting-named-strings-the-string-set-pro><span class=secno>2.1.1.
486487 < p > The name space of named strings is different from other sets of names in
487488 CSS.
488489
489- < p > The ‘< a href ="#string-set "> < code
490- class =property > string-set</ code > </ a > ’ property copies text as well as
491- white-space into the named string.
490+ < p > The textual content is processed as if ‘< code class =css > white-space:
491+ normal</ code > ’ had been set.
492492
493493 < div class =example >
494494 < pre >
@@ -2402,13 +2402,18 @@ <h2 id=page-marks-and-bleed-area><span class=secno>6. </span>Page marks and
24022402 < p > This property specifies the extent of the page bleed area outside the
24032403 page box. This property only has effect if crop marks are enabled.
24042404
2405- < h2 id =bookmarks > < span class =secno > 7. </ span > Bookmarks</ h2 >
2405+ < h2 id =bookmarks-bookmark-level- > < span class =secno > 7. </ span > Bookmarks:
2406+ ‘< a href ="#bookmark-level "> < code
2407+ class =property > bookmark-level</ code > </ a > ’,</ h2 >
24062408
24072409 < p > Some document formats have the capability of holding bookmarks.
2408- Bookmarks are typically shown outside the document itself, often a
2409- tree-structured and clickable table of contents to help navigate in the
2410- electronic version of the document. To generate bookmarks, these
2411- properties are defined:
2410+ Bookmarks are typically shown outside the document itself, often in a
2411+ tree-structured and clickable table of contents. To generate bookmarks,
2412+ these properties are defined: ‘< a href ="#bookmark-level "> < code
2413+ class =property > bookmark-level</ code > </ a > ’, ‘< a
2414+ href ="#bookmark-label "> < code class =property > bookmark-label</ code > </ a > ’,
2415+ and ‘< a href ="#bookmark-state "> < code
2416+ class =property > bookmark-state</ code > </ a > ’.
24122417
24132418 < table class =propdef >
24142419 < tbody >
@@ -2454,9 +2459,21 @@ <h2 id=bookmarks><span class=secno>7. </span>Bookmarks</h2>
24542459 </ table >
24552460
24562461 < p > This property describes what level a certain bookmark has in a
2457- hierarchical bookmark structure. The highest level is ‘< code
2458- class =css > 1</ code > ’, then ‘< code class =css > 2</ code > ’, ‘< code
2459- class =css > 3</ code > ’ etc.
2462+ hierarchical bookmark structure. The values are:
2463+
2464+ < dl >
2465+ < dt > none
2466+
2467+ < dd > no bookmark is generated
2468+
2469+ < dt > <integer>
2470+
2471+ < dd > Indicates the level of the bookmark; the highest level is ‘< code
2472+ class =css > 1</ code > ’, then ‘< code class =css > 2</ code > ’, ‘< code
2473+ class =css > 3</ code > ’ etc. A bookmark will be generated only if ‘< a
2474+ href ="#bookmark-label "> < code class =property > bookmark-label</ code > </ a > ’
2475+ also has a value different from ‘< code class =property > none</ code > ’.
2476+ </ dl >
24602477
24612478 < div class =example >
24622479 < pre >
@@ -2476,7 +2493,7 @@ <h2 id=bookmarks><span class=secno>7. </span>Bookmarks</h2>
24762493 < tr >
24772494 < td > < em > Value:</ em >
24782495
2479- < td > [ <content-list> ]+ | none
2496+ < td > <content-list> | none
24802497
24812498 < tr >
24822499 < td > < em > Initial:</ em >
@@ -2510,9 +2527,19 @@ <h2 id=bookmarks><span class=secno>7. </span>Bookmarks</h2>
25102527 </ table >
25112528
25122529 < p > This property specifies the label of the bookmark, i.e., the text that
2513- will represent the bookmark in the bookmark structure. <content-list>
2514- is defined on the ‘< a href ="#string-set "> < code
2515- class =property > string-set</ code > </ a > ’ property.
2530+ will represent the bookmark in the bookmark structure. The values are:
2531+
2532+ < dl >
2533+ < dt > <content-list> , as defined on the ‘< a href ="#string-set "> < code
2534+ class =property > string-set</ code > </ a > ’ property. A bookmark will be
2535+ generated only if ‘< a href ="#bookmark-level "> < code
2536+ class =property > bookmark-level</ code > </ a > ’ also has a value different
2537+ from ‘< code class =property > none</ code > ’.
2538+
2539+ < dt > none
2540+
2541+ < dd > no bookmark is generated
2542+ </ dl >
25162543
25172544 < div class =example >
25182545 < pre >
@@ -2523,66 +2550,53 @@ <h2 id=bookmarks><span class=secno>7. </span>Bookmarks</h2>
25232550#frog { bookmark-label: "The green frog" }
25242551</ pre >
25252552 </ div >
2553+ <!--
25262554
2527- < table class =propdef >
2528- < tbody >
2555+ <table class=propdef>
25292556 <tr>
2530- < td > < em > Name:</ em >
2531-
2532- < td > < dfn id =bookmark-target > bookmark-target</ dfn >
2533-
2557+ <td><em>Name:</em>
2558+ <td><dfn>bookmark-target</dfn>
25342559 <tr>
2535- < td > < em > Value:</ em >
2536-
2537- < td > none | <uri>
2538-
2560+ <td><em>Value:</em>
2561+ <td>none | <uri>
25392562 <tr>
2540- < td > < em > Initial:</ em >
2541-
2542- < td > none
2543-
2563+ <td><em>Initial:</em>
2564+ <td>none
25442565 <tr>
2545- < td > < em > Applies to:</ em >
2546-
2547- < td > all elements
2548-
2566+ <td><em>Applies to:</em>
2567+ <td>all elements
25492568 <tr>
2550- < td > < em > Inherited:</ em >
2551-
2552- < td > no
2553-
2569+ <td><em>Inherited:</em>
2570+ <td>no
25542571 <tr>
2555- < td > < em > Percentages:</ em >
2556-
2557- < td > N/A
2558-
2572+ <td><em>Percentages:</em>
2573+ <td>N/A
25592574 <tr>
2560- < td > < em > Media:</ em >
2561-
2562- < td > all
2563-
2575+ <td><em>Media:</em>
2576+ <td>all
25642577 <tr>
2565- < td > < em > Computed value:</ em >
2566-
2567- < td > For URI values, the absolute URI; for ‘< code
2568- class =property > none</ code > ’, as specified.
2569- </ table >
2578+ <td><em>Computed value:</em>
2579+ <td>For URI values, the absolute URI; for 'none', as specified.
2580+ </table>
25702581
2571- < p > This property specifies the target of the bookmark link.
2582+ <p>This property specifies the target of the bookmark link.
25722583
2573- < div class =example >
2574- < pre >
2584+ <div class=example>
2585+ <pre>
25752586.bookmark {
25762587 bookmark-label: attr(title);
25772588 bookmark-target: attr(href url);
25782589}
25792590...
25802591<a class="bookmark" title="The green pear" href="#pears"/>
25812592</pre>
2582- </ div >
2593+ </div>
25832594
2584- < div class =example > .example { bookmark-target: url(http://www.example.com)
2585- }</ div >
2595+ <div class=example>
2596+ .example { bookmark-target: url(http://www.example.com) }
2597+ </div>
2598+
2599+ -->
25862600
25872601 < table class =propdef >
25882602 < tbody >
@@ -2960,44 +2974,57 @@ <h2 id=page-and-column-floats><span class=secno>12. </span>Page and column
29602974 < dd > similar to ‘< code class =property > top-corner</ code > ’, exept the box
29612975 is floated to the bottom
29622976
2963- < dt > snap(<length> )
2977+ < dt > snap(<length> , [top | bottom] )
29642978
29652979 < dd > same as ‘< code class =property > top</ code > ’ if the box is naturally
29662980 near the top; same as ‘< code class =property > bottom</ code > ’ if the box
29672981 is naturally near the bottom. If the box naturally leads to a
29682982 (page/column) break, the box is floated to the top of the next
2969- page/column. The length value specifies how far from the top/bottom the
2970- element can be influenced.
2971- < div class =example >
2972- < p > In this example, tables will snap to the top/bottom if the top/bottom
2973- of the border box is closer than ‘< code class =css > 3em</ code > ’ from
2974- the top/bottom of the page/column.
2983+ page/column. The first optionaloptional length value specifies how far
2984+ from the top/bottom the element can be influenced, The second
29752985
2976- < pre >
2977- table { float: snap(3em) }
2978- </ pre >
2979- </ div >
2986+ < dt > snap(<length> <length> ? [, top | bottom | near ]?)
29802987
2981- < p > If the functional notation is not used, an implementation-dependent
2982- value is used.
2988+ < dd > Makes the element float to the top or bottom if it naturally appears
2989+ within a certain distance from the top or bottom. The length value(s)
2990+ specifies the maxium distance from the top/bottom that an element must be
2991+ within in order to be floated; one length value specifies the distance
2992+ from both the top and the bottom, two length values specify the distance
2993+ from the top and bottom, respectively. If an element is within the
2994+ specified distance from both the top and the bottom, bottom wins.
2995+ < p > The optional keyword value specifies where the element is floated:
2996+ top, bottom, or the nearest of the two. The initial value is ‘< code
2997+ class =property > near</ code > ’.
29832998
2984- < div class =example >
2985- < pre >
2999+ < dt > snap
3000+
3001+ < dd > same as < tt > snap(2em, near)</ tt >
3002+ </ dl >
3003+
3004+ < div class =example >
3005+ < p > In this example, tables will snap to the top/bottom if the top/bottom
3006+ of the border box is closer than ‘< code class =css > 3em</ code > ’ from
3007+ the top/bottom of the page/column.
3008+
3009+ < pre >
29863010table { float: snap }
3011+ table { float: snap(3em) }
3012+ table { float: snap(3em, bottom) }
3013+ table { float: snap(3em 2em, bottom) }
29873014</ pre >
2988- </ div >
3015+ </ div >
29893016
2990- < p class =issue > Should we define a reasonable default (say, 3em) instead
2991- of relying on implementation-specific values?
3017+ < p class =issue > Should we define a reasonable default (say, 3em) instead of
3018+ relying on implementation-specific values?
29923019
2993- < p class =issue > Do numberic values make sense, like for orphans/widows
3020+ < p class =issue > Do numberic values (in addition to length values) make
3021+ sense, like for orphans/widows
29943022
2995- < p class =issue > Does the "snap" solution address all use cases for
2996- "unless-room"/"unless-fit"?
2997- </ dl >
2998- <!--
3023+ < p class =issue > is an element with a snap() value considered to be a float?
3024+ only when it really floats, or always? <!--
29993025The 'widows'/'orphans' properties may be consulted to determine if the box is near the top/bottom.
30003026-->
3027+
30013028
30023029 < p > These new keywords only apply in paged media; in continous media
30033030 declarations with these keywords are ignored.
@@ -4027,7 +4054,8 @@ <h2 class=no-num id=acknowledgments>Acknowledgments</h2>
40274054 Duga, Del Merritt, Ladd Van Tol, Tab Atkins Jr., Jacob Grundtvig Refstrup,
40284055 James Elmore, Ian Tindale, Murakami Shinyu, Paul E. Merrell, Philip
40294056 Taylor, Brad Kemper, Peter Linss, Daniel Glazman, Tantek Çelik, Florian
4030- Rivoal, Alex Mogilevsky.
4057+ Rivoal, Alex Mogilevsky, Simon Sapin, Cameron McCormack, Liam R E Quin,
4058+ Werner Donné, Peter Moulder.
40314059
40324060 < h2 class =no-num id =references > References</ h2 >
40334061
@@ -4096,9 +4124,6 @@ <h2 class=no-num id=index>Index</h2>
40964124 < li > bookmark-state, < a href ="#bookmark-state "
40974125 title =bookmark-state > < strong > 7.</ strong > </ a >
40984126
4099- < li > bookmark-target, < a href ="#bookmark-target "
4100- title =bookmark-target > < strong > 7.</ strong > </ a >
4101-
41024127 < li > clear-side, < a href ="#clear-side "
41034128 title =clear-side > < strong > 14.3.</ strong > </ a >
41044129
@@ -4157,7 +4182,7 @@ <h2 class=no-num id=property-index>Property index</h2>
41574182 < tr >
41584183 < th > < a class =property href ="#bookmark-label "> bookmark-label</ a >
41594184
4160- < td > [ <content-list> ]+ | none
4185+ < td > <content-list> | none
41614186
41624187 < td > none
41634188
@@ -4199,21 +4224,6 @@ <h2 class=no-num id=property-index>Property index</h2>
41994224
42004225 < td > all
42014226
4202- < tr >
4203- < th > < a class =property href ="#bookmark-target "> bookmark-target</ a >
4204-
4205- < td > none | <uri>
4206-
4207- < td > none
4208-
4209- < td > all elements
4210-
4211- < td > no
4212-
4213- < td > N/A
4214-
4215- < td > all
4216-
42174227 < tr >
42184228 < th > < a class =property href ="#clear-side "> clear-side</ a >
42194229
0 commit comments