718718 < h1 class ="p-name no-ref " id ="title "> CSS Basic User Interface Module Level 3 (CSS3 UI)</ h1 >
719719
720720 < h2 class ="no-num no-toc no-ref heading settled " id ="subtitle "> < span class ="content "> Editor’s Draft,
721- < time class ="dt-updated " datetime ="2015-03-04 " > 4 March 2015</ time > </ span > </ h2 >
721+ < time class ="dt-updated " datetime ="2015-03-31 " > 31 March 2015</ time > </ span > </ h2 >
722722
723723 < div data-fill-with ="spec-metadata ">
724724 < dl >
@@ -1077,7 +1077,7 @@ <h3 class="heading settled" data-level="3.1" id="box-sizing"><span class="secno"
10771077
10781078
10791079
1080- < div class ="example ">
1080+ < div class ="example " id =" example-ede4dfdf " > < a class =" self-link " href =" #example-ede4dfdf " > </ a >
10811081 < p style ="display:none "> Example(s):
10821082</ p >
10831083 < h4 class ="no-num no-toc heading settled " id ="box-sizing-example "> < span class ="content "> Using box-sizing to evenly share space</ span > < a class ="self-link " href ="#box-sizing-example "> </ a > </ h4 >
@@ -1348,6 +1348,7 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
13481348 | slategrey
13491349 | midnightblue
13501350 | paleturquoise
1351+ | lightgray
13511352 | mediumturquoise
13521353 | orchid
13531354 | peru
@@ -1404,7 +1405,6 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
14041405 | darkslategrey
14051406 | sandybrown
14061407 | darkslateblue
1407- | lightgray
14081408 | lightsalmon
14091409 | palevioletred
14101410 | sienna
@@ -1447,6 +1447,7 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
14471447 | beige
14481448 | seashell
14491449 | slategray
1450+ | blueviolet
14501451 | orange
14511452 | darkgray
14521453 | goldenrod
@@ -1460,7 +1461,6 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
14601461 | lightpink
14611462 | mistyrose
14621463 | palegreen
1463- | blueviolet
14641464 | lavenderblush
14651465 | gainsboro
14661466 | deeppink
@@ -1528,6 +1528,7 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
15281528 | slategrey
15291529 | midnightblue
15301530 | paleturquoise
1531+ | lightgray
15311532 | mediumturquoise
15321533 | orchid
15331534 | peru
@@ -1584,7 +1585,6 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
15841585 | darkslategrey
15851586 | sandybrown
15861587 | darkslateblue
1587- | lightgray
15881588 | lightsalmon
15891589 | palevioletred
15901590 | sienna
@@ -1627,6 +1627,7 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
16271627 | beige
16281628 | seashell
16291629 | slategray
1630+ | blueviolet
16301631 | orange
16311632 | darkgray
16321633 | goldenrod
@@ -1640,7 +1641,6 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
16401641 | lightpink
16411642 | mistyrose
16421643 | palegreen
1643- | blueviolet
16441644 | lavenderblush
16451645 | gainsboro
16461646 | deeppink
@@ -1774,7 +1774,7 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
17741774or how outlines are drawn for boxes that are partially obscured behind other elements.</ p >
17751775
17761776
1777- < div class ="example ">
1777+ < div class ="example " id =" example-bcd0e0d3 " > < a class =" self-link " href =" #example-bcd0e0d3 " > </ a >
17781778 < p style ="display:none "> Example(s):
17791779
17801780</ p >
@@ -1793,7 +1793,7 @@ <h3 class="heading settled" data-level="4.4" id="outline-color"><span class="sec
17931793(e.g., for entering text, selecting a button, etc.).</ p >
17941794
17951795
1796- < div class ="example ">
1796+ < div class ="example " id =" example-4b3084c1 " > < a class =" self-link " href =" #example-4b3084c1 " > </ a >
17971797 < p style ="display:none "> Example(s):
17981798
17991799</ p >
@@ -1874,7 +1874,7 @@ <h3 class="heading settled" data-level="4.5" id="outline-offset"><span class="se
18741874then the outline is outset from the border edge by that amount.</ p >
18751875
18761876
1877- < div class ="example ">
1877+ < div class ="example " id =" example-8c7e0106 " > < a class =" self-link " href =" #example-8c7e0106 " > </ a >
18781878 < p style ="display:none "> Example(s):
18791879
18801880</ p >
@@ -2064,7 +2064,7 @@ <h3 class="heading settled" data-level="5.1" id="resize"><span class="secno">5.1
20642064user resizing of that element.</ p >
20652065
20662066
2067- < div class ="example ">
2067+ < div class ="example " id =" example-0ff410a0 " > < a class =" self-link " href =" #example-0ff410a0 " > </ a >
20682068 < p style ="display:none "> Example(s):
20692069
20702070</ p >
@@ -2272,7 +2272,7 @@ <h4 class="no-num no-toc heading settled" id="ellipsis-interaction"><span class=
22722272</ ul >
22732273
22742274
2275- < div class ="example ">
2275+ < div class ="example " id =" example-e64f7004 " > < a class =" self-link " href =" #example-e64f7004 " > </ a >
22762276 < p style ="display:none "> Example(s):
22772277</ p >
22782278 < h4 class ="no-num no-toc heading settled " id ="text-overflow-examples "> < span class ="content "> text-overflow examples</ span > < a class ="self-link " href ="#text-overflow-examples "> </ a > </ h4 >
@@ -2291,7 +2291,7 @@ <h4 class="no-num no-toc heading settled" id="text-overflow-examples"><span clas
22912291
22922292 < p > sample HTML fragments, renderings, and your browser:</ p >
22932293
2294- < table border =" 1 " id ="awesome-table " style ="color:#000;background:#fff ">
2294+ < table id ="awesome-table " style ="color:#000;background:#fff ">
22952295 < tbody >
22962296
22972297 < tr >
@@ -2451,7 +2451,7 @@ <h4 class="no-num no-toc heading settled" id="ellipsis-scrolling"><span class="c
24512451rather than an ellipsis/string.</ p >
24522452
24532453
2454- < div class ="example ">
2454+ < div class ="example " id =" example-c43e380d " > < a class =" self-link " href =" #example-c43e380d " > </ a >
24552455 < p style ="display:none "> Example(s):
24562456
24572457</ p >
@@ -2511,7 +2511,7 @@ <h4 class="no-num no-toc heading settled" id="ellipsis-scrolling"><span class="c
25112511(e.g. align to the box edges rather than line edges).</ p >
25122512
25132513
2514- < div class ="example ">
2514+ < div class ="example " id =" example-d22e5e5b " > < a class =" self-link " href =" #example-d22e5e5b " > </ a >
25152515 < p style ="display:none "> Example(s):
25162516
25172517</ p >
@@ -2680,12 +2680,6 @@ <h4 class="heading settled" data-level="6.1.1" id="cursor"><span class="secno">6
26802680context, specifically: auto behaves as < span class ="css "> text</ span > over text, and < span class ="css "> default</ span > otherwise.
26812681
26822682
2683- < div >
2684- Issue: < a href ="https://wiki.csswg.org/spec/css3-ui#issue-48 "> 48</ a > There are reports that this description of cursor: auto is insufficient and not interoperable. Current plan: restrict the auto value to handling things that cannot be described by the UA stylesheet, pending detailed proposal, likely based on < a href ="https://lists.w3.org/Archives/Public/www-style/2013Jan/0275.html "> David Baron’s proposal</ a > .
2685- </ div >
2686-
2687-
2688-
26892683
26902684 < dt style ="cursor:default "> default
26912685
@@ -2871,10 +2865,10 @@ <h4 class="heading settled" data-level="6.1.1" id="cursor"><span class="secno">6
28712865
28722866 < p > The UA may treat unsupported values as < a class ="css " data-link-type ="maybe " href ="http://dev.w3.org/csswg/css-align-3/#valdef-justify-content-auto "> auto</ a > .
28732867E.g. on platforms that do not have a concept of a < span class ="css "> context-menu</ span > cursor,
2874- the UA may render < span class ="css "> default</ span > or whatever is appropriate.</ p >
2868+ the UA may render < a class ="css " data-link-type =" maybe " href =" http://dev.w3.org/csswg/css-cascade-4/#valdef-all-default " > default</ a > or whatever is appropriate.</ p >
28752869
28762870
2877- < div class ="example ">
2871+ < div class ="example " id =" example-4a59cfe4 " > < a class =" self-link " href =" #example-4a59cfe4 " > </ a >
28782872
28792873
28802874 < p > Example: cursor fallback</ p >
@@ -2950,6 +2944,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
29502944 | slategrey
29512945 | midnightblue
29522946 | paleturquoise
2947+ | lightgray
29532948 | mediumturquoise
29542949 | orchid
29552950 | peru
@@ -3006,7 +3001,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
30063001 | darkslategrey
30073002 | sandybrown
30083003 | darkslateblue
3009- | lightgray
30103004 | lightsalmon
30113005 | palevioletred
30123006 | sienna
@@ -3049,6 +3043,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
30493043 | beige
30503044 | seashell
30513045 | slategray
3046+ | blueviolet
30523047 | orange
30533048 | darkgray
30543049 | goldenrod
@@ -3062,7 +3057,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
30623057 | lightpink
30633058 | mistyrose
30643059 | palegreen
3065- | blueviolet
30663060 | lavenderblush
30673061 | gainsboro
30683062 | deeppink
@@ -3130,6 +3124,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
31303124 | slategrey
31313125 | midnightblue
31323126 | paleturquoise
3127+ | lightgray
31333128 | mediumturquoise
31343129 | orchid
31353130 | peru
@@ -3186,7 +3181,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
31863181 | darkslategrey
31873182 | sandybrown
31883183 | darkslateblue
3189- | lightgray
31903184 | lightsalmon
31913185 | palevioletred
31923186 | sienna
@@ -3229,6 +3223,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
32293223 | beige
32303224 | seashell
32313225 | slategray
3226+ | blueviolet
32323227 | orange
32333228 | darkgray
32343229 | goldenrod
@@ -3242,7 +3237,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
32423237 | lightpink
32433238 | mistyrose
32443239 | palegreen
3245- | blueviolet
32463240 | lavenderblush
32473241 | gainsboro
32483242 | deeppink
@@ -3296,6 +3290,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
32963290 | slategrey
32973291 | midnightblue
32983292 | paleturquoise
3293+ | lightgray
32993294 | mediumturquoise
33003295 | orchid
33013296 | peru
@@ -3352,7 +3347,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
33523347 | darkslategrey
33533348 | sandybrown
33543349 | darkslateblue
3355- | lightgray
33563350 | lightsalmon
33573351 | palevioletred
33583352 | sienna
@@ -3395,6 +3389,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
33953389 | beige
33963390 | seashell
33973391 | slategray
3392+ | blueviolet
33983393 | orange
33993394 | darkgray
34003395 | goldenrod
@@ -3408,7 +3403,6 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
34083403 | lightpink
34093404 | mistyrose
34103405 | palegreen
3411- | blueviolet
34123406 | lavenderblush
34133407 | gainsboro
34143408 | deeppink
@@ -3445,7 +3439,7 @@ <h4 class="heading settled" data-level="6.2.1" id="caret-color"><span class="sec
34453439 < p class ="note " role ="note "> Note: caret shape and blinking is outside the scope of this feature and thus unspecified.</ p >
34463440
34473441
3448- < div class ="example ">
3442+ < div class ="example " id =" example-24147f22 " > < a class =" self-link " href =" #example-24147f22 " > </ a >
34493443Example: a textarea with
34503444< code class ="lang-css "> caret-color:#00aacc;</ code >
34513445
@@ -3575,15 +3569,15 @@ <h4 class="heading settled" data-level="6.3.1" id="nav-dir"><span class="secno">
35753569user agents should allow configuration of which keys on a keyboard are used for directional navigation.</ p >
35763570
35773571
3578- < div class ="example ">
3572+ < div class ="example " id =" example-f28dc0ec " > < a class =" self-link " href =" #example-f28dc0ec " > </ a >
35793573
35803574 < h5 class ="heading settled " data-level ="6.3.1.1 " id ="example-positioned-buttons "> < span class ="secno "> 6.3.1.1. </ span > < span class ="content "> Example: positioned buttons</ span > < a class ="self-link " href ="#example-positioned-buttons "> </ a > </ h5 >
35813575
35823576
35833577 < p > Here is an example of buttons positioned in a diamond shape
35843578whose directional focus navigation is set in such a way
35853579to navigate the focus clockwise (or counter-clockwise) around the diamond shape
3586- when the user chooses to navigate sequentially or directionally.</ p >
3580+ when the user chooses to navigate directionally.</ p >
35873581
35883582 < pre > < code class ="lang-css "> button { position:absolute }
35893583
@@ -3620,7 +3614,7 @@ <h5 class="heading settled" data-level="6.3.1.1" id="example-positioned-buttons"
36203614</ div >
36213615
36223616
3623- < div class ="example ">
3617+ < div class ="example " id =" example-6f4d73d0 " > < a class =" self-link " href =" #example-6f4d73d0 " > </ a >
36243618
36253619 < h5 class ="heading settled " data-level ="6.3.1.2 " id ="example-moving-focus-to-inside-a-frame "> < span class ="secno "> 6.3.1.2. </ span > < span class ="content "> Example: moving focus to inside a frame</ span > < a class ="self-link " href ="#example-moving-focus-to-inside-a-frame "> </ a > </ h5 >
36263620
@@ -3656,7 +3650,7 @@ <h4 class="heading settled" data-level="6.3.2" id="input-method-editor"><span cl
36563650
36573651 < p > Users may use the ime-mode property only for repair use-cases where they have to work around bad sites and legacy implementations, e.g. with a user style sheet rule like:</ p >
36583652
3659- < div class ="example ">
3653+ < div class ="example " id =" example-8592b31b " > < a class =" self-link " href =" #example-8592b31b " > </ a >
36603654
36613655 < p > Example: user preference
36623656</ p >
@@ -3960,7 +3954,7 @@ <h3 class="no-ref heading settled" id="conventions"><span class="content">
39603954 like this:
39613955
39623956 </ p >
3963- < div class ="example ">
3957+ < div class ="example " id =" example-f839f6c8 " > < a class =" self-link " href =" #example-f839f6c8 " > </ a >
39643958
39653959 < p > This is an example of an informative example.</ p >
39663960
@@ -4137,6 +4131,10 @@ <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="con
41374131 < li > < a href ="http://dev.w3.org/csswg/css-backgrounds-3/#hidden "> hidden</ a >
41384132 < li > < a href ="http://dev.w3.org/csswg/css-backgrounds-3/#solid "> solid</ a >
41394133 </ ul >
4134+ < li > < a data-link-type ="biblio " href ="#biblio-css-cascade-4 "> [css-cascade-4]</ a > defines the following terms:
4135+ < ul >
4136+ < li > < a href ="http://dev.w3.org/csswg/css-cascade-4/#valdef-all-default "> default</ a >
4137+ </ ul >
41404138 < li > < a data-link-type ="biblio " href ="#biblio-css-color-3 "> [css-color-3]</ a > defines the following terms:
41414139 < ul >
41424140 < li > < a href ="http://dev.w3.org/csswg/css-color-3/#valuea-def-color "> <color> </ a >
@@ -4219,6 +4217,8 @@ <h3 class="no-num heading settled" id="normative"><span class="content">Normativ
42194217 < dd > CSS Animations Module Level 1 URL: < a href ="http://www.w3.org/TR/css3-animations/ "> http://www.w3.org/TR/css3-animations/</ a >
42204218 < dt id ="biblio-css-backgrounds-3 "> < a class ="self-link " href ="#biblio-css-backgrounds-3 "> </ a > [CSS-BACKGROUNDS-3]
42214219 < dd > CSS Backgrounds and Borders Module Level 3 URL: < a href ="http://www.w3.org/TR/css3-background/ "> http://www.w3.org/TR/css3-background/</ a >
4220+ < dt id ="biblio-css-cascade-4 "> < a class ="self-link " href ="#biblio-css-cascade-4 "> </ a > [CSS-CASCADE-4]
4221+ < dd > CSS Cascading and Inheritance Level 4 URL: < a href ="http://dev.w3.org/csswg/css-cascade-4/ "> http://dev.w3.org/csswg/css-cascade-4/</ a >
42224222 < dt id ="biblio-css-color-3 "> < a class ="self-link " href ="#biblio-css-color-3 "> </ a > [CSS-COLOR-3]
42234223 < dd > CSS Color Module Level 3 URL: < a href ="http://www.w3.org/TR/css3-color/ "> http://www.w3.org/TR/css3-color/</ a >
42244224 < dt id ="biblio-css-color-4 "> < a class ="self-link " href ="#biblio-css-color-4 "> </ a > [CSS-COLOR-4]
0 commit comments