12
12
rel =dcterms.rights >
13
13
< meta content ="CSS Shapes Module Level 2 " name =dcterms.title >
14
14
< meta content =text name =dcterms.type >
15
- < meta content =2013-11-11 name =dcterms.date >
15
+ < meta content =2013-11-15 name =dcterms.date >
16
16
< meta content ="Alan Stearns " name =dcterms.creator >
17
17
< meta content =W3C name =dcterms.publisher >
18
18
< meta content ="http://dev.w3.org/csswg/www-style/ " name =dcterms.identifier > <!--<script src='http://test.csswg.org/harness/annotate.js#css-shapes_DEV' type='text/javascript' defer></script>-->
23
23
display : block;
24
24
margin : auto;
25
25
}
26
-
26
+
27
27
.example-table {
28
- table-layout : fixed;
29
- width : 100% ;
28
+ table-layout : fixed;
29
+ width : 100% ;
30
30
}
31
-
31
+
32
32
.example-table tr td img {
33
33
width : 90% ;
34
34
}
46
46
47
47
< h1 id =css-shapes-module > CSS Shapes Module Level 2</ h1 >
48
48
49
- < h2 class ="no-num no-toc "> Editor's Draft 11 November 2013</ h2 >
49
+ < h2 class ="no-num no-toc "> Editor's Draft 15 November 2013</ h2 >
50
50
51
51
< dl >
52
52
< dt > This version:
@@ -392,22 +392,22 @@ <h3 id=declaring-shapes><span class=secno>3.4. </span>Declaring Shapes</h3>
392
392
positioning).
393
393
394
394
< pre > < code class =html >
395
- <style type="text/css">
395
+ <style type="text/css">
396
396
.exclusion {
397
- wrap-flow: both;
398
- position: absolute;
397
+ wrap-flow: both;
398
+ position: absolute;
399
399
top: 25%;
400
400
left: 25%;
401
401
width: 50%;
402
402
height: 50%;
403
- shape-outside: circle(50%, 50%, 50%);
404
- border: 1px solid red;
405
- }
406
- </style>
407
-
408
- <div style=”position: relative;”>
409
- <div class=”exclusion”></div>
410
- Lorem ipsum dolor sit amet...
403
+ shape-outside: circle(50%, 50%, 50%);
404
+ border: 1px solid red;
405
+ }
406
+ </style>
407
+
408
+ <div style=”position: relative;”>
409
+ <div class=”exclusion”></div>
410
+ Lorem ipsum dolor sit amet...
411
411
</div>
412
412
</ code > </ pre >
413
413
< img alt ="Example rendering of circle shape and box model. "
@@ -445,8 +445,9 @@ <h4 id=shape-inside-property><span class=secno>3.4.2. </span>The ‘<a
445
445
< tr >
446
446
< th > Value:
447
447
448
- < td > < var > outside-shape</ var > | < var > auto</ var > |
449
- < var > <basic-shape></ var > | < var > <uri></ var >
448
+ < td > < var > outside-shape</ var > | < a href ="#auto "> < var > auto</ var > </ a > | < a
449
+ href ="#ltbasic-shapegt "> < var > <basic-shape></ var > </ a > | < a
450
+ href ="#lturigt "> < var > <uri></ var > </ a >
450
451
451
452
< tr >
452
453
< th > Initial:
@@ -483,14 +484,13 @@ <h4 id=shape-inside-property><span class=secno>3.4.2. </span>The ‘<a
483
484
< p > The values of this property have the following meanings:
484
485
485
486
< dl >
486
- < dt > < dfn id =auto title =" shape-inside!!auto " > auto</ dfn >
487
+ < dt > < dfn id =auto > auto</ dfn >
487
488
488
489
< dd > The shape is computed based on the content box of the element.
489
490
</ dl >
490
491
491
492
< dl >
492
- < dt > < dfn id =ltbasic-shapegt
493
- title ="shape-inside!!<basic-shape> "> <basic-shape></ dfn >
493
+ < dt > < dfn id =ltbasic-shapegt > <basic-shape></ dfn >
494
494
495
495
< dd > The shape is computed based on the values of one of ‘< code
496
496
class =property > rectangle</ code > ’, ‘< code
@@ -501,14 +501,14 @@ <h4 id=shape-inside-property><span class=secno>3.4.2. </span>The ‘<a
501
501
</ dl >
502
502
503
503
< dl >
504
- < dt > < dfn id =lturigt title =" shape-inside!!<uri> " > <uri></ dfn >
504
+ < dt > < dfn id =lturigt > <uri></ dfn >
505
505
506
506
< dd > If the <uri> references an SVG shape element, that element
507
507
defines the shape. Otherwise, if the <uri> references an image, the
508
508
shape is extracted and computed based on the alpha channel of the
509
509
specified image. If the <uri> does not reference an SVG shape
510
- element or an image, the effect is as if the value ‘< code
511
- class =property > auto</ code > ’ had been specified.
510
+ element or an image, the effect is as if the value ‘< a
511
+ href =" #auto " > < code class =property > auto</ code > </ a > ’ had been specified.
512
512
</ dl >
513
513
514
514
< p > The ‘< a href ="#shape-inside "> < code
@@ -764,7 +764,7 @@ <h3 class=no-ref id=testing> Non-experimental implementations</h3>
764
764
mailing list. <!--end-conformance-->
765
765
766
766
< h2 class =no-num id =acknowledgments > Acknowledgments</ h2 >
767
- <!--<p>This specification is made possible by input from
767
+ <!--<p>This specification is made possible by input from
768
768
769
769
and the CSS Working Group members.
770
770
</p>-->
@@ -817,6 +817,12 @@ <h2 class=no-num id=index>Index</h2>
817
817
< li > authoring tool, < a href ="#authoring-tool "
818
818
title ="section 4. "> < strong > 4.</ strong > </ a >
819
819
820
+ < li > auto, < a href ="#auto "
821
+ title ="section 3.4.2. "> < strong > 3.4.2.</ strong > </ a >
822
+
823
+ < li > <basic-shape>, < a href ="#ltbasic-shapegt "
824
+ title ="section 3.4.2. "> < strong > 3.4.2.</ strong > </ a >
825
+
820
826
< li > Content area, < a href ="#content-area "
821
827
title ="section 2. "> < strong > 2.</ strong > </ a >
822
828
@@ -834,16 +840,6 @@ <h2 class=no-num id=index>Index</h2>
834
840
835
841
< li > shape-inside, < a href ="#shape-inside "
836
842
title ="section 3.4.2. "> < strong > 3.4.2.</ strong > </ a >
837
- < ul >
838
- < li > auto, < a href ="#auto "
839
- title ="section 3.4.2. "> < strong > 3.4.2.</ strong > </ a >
840
-
841
- < li > <basic-shape>, < a href ="#ltbasic-shapegt "
842
- title ="section 3.4.2. "> < strong > 3.4.2.</ strong > </ a >
843
-
844
- < li > <uri>, < a href ="#lturigt "
845
- title ="section 3.4.2. "> < strong > 3.4.2.</ strong > </ a >
846
- </ ul >
847
843
848
844
< li > shape-padding, < a href ="#shape-padding "
849
845
title ="section 3.4.6. "> < strong > 3.4.6.</ strong > </ a >
@@ -853,6 +849,9 @@ <h2 class=no-num id=index>Index</h2>
853
849
< li > as conformance class, < a href ="#style-sheet "
854
850
title ="section 4. "> < strong > 4.</ strong > </ a >
855
851
</ ul >
852
+
853
+ < li > <uri>, < a href ="#lturigt "
854
+ title ="section 3.4.2. "> < strong > 3.4.2.</ strong > </ a >
856
855
</ ul >
857
856
<!--end-index-->
858
857
@@ -915,14 +914,14 @@ <h2 class=no-num id=property-index>Property index</h2>
915
914
<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id={{bug_id}}">Issue-{{bug_id}}</a>
916
915
<div class="issue-details">
917
916
<p class="short-desc">{{short_desc}}</p>
918
- </div>
917
+ </div>
919
918
</div>
920
- </script>
919
+ </script>
921
920
922
921
<script type="text/javascript" src="../shared/scripts/BugzillaTrackerUtil.js"></script>
923
922
<script type="text/javascript" src="../shared/scripts/BugzillaTracker.js"></script>
924
923
<script type="text/javascript">
925
- checkSpecificationIssues('CSS', 'Shapes');
924
+ checkSpecificationIssues('CSS', 'Shapes');
926
925
</script>
927
926
-->
928
927
0 commit comments