1212 rel =dcterms.rights >
1313 < meta content ="CSS Shapes Module Level 2 " name =dcterms.title >
1414 < meta content =text name =dcterms.type >
15- < meta content =2013-11-11 name =dcterms.date >
15+ < meta content =2013-11-15 name =dcterms.date >
1616 < meta content ="Alan Stearns " name =dcterms.creator >
1717 < meta content =W3C name =dcterms.publisher >
1818 < 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>-->
2323 display : block;
2424 margin : auto;
2525 }
26-
26+
2727 .example-table {
28- table-layout : fixed;
29- width : 100% ;
28+ table-layout : fixed;
29+ width : 100% ;
3030 }
31-
31+
3232 .example-table tr td img {
3333 width : 90% ;
3434 }
4646
4747 < h1 id =css-shapes-module > CSS Shapes Module Level 2</ h1 >
4848
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 >
5050
5151 < dl >
5252 < dt > This version:
@@ -392,22 +392,22 @@ <h3 id=declaring-shapes><span class=secno>3.4. </span>Declaring Shapes</h3>
392392 positioning).
393393
394394 < pre > < code class =html >
395- <style type="text/css">
395+ <style type="text/css">
396396 .exclusion {
397- wrap-flow: both;
398- position: absolute;
397+ wrap-flow: both;
398+ position: absolute;
399399 top: 25%;
400400 left: 25%;
401401 width: 50%;
402402 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...
411411</div>
412412</ code > </ pre >
413413 < 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
445445 < tr >
446446 < th > Value:
447447
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 >
450451
451452 < tr >
452453 < th > Initial:
@@ -483,14 +484,13 @@ <h4 id=shape-inside-property><span class=secno>3.4.2. </span>The ‘<a
483484 < p > The values of this property have the following meanings:
484485
485486 < dl >
486- < dt > < dfn id =auto title =" shape-inside!!auto " > auto</ dfn >
487+ < dt > < dfn id =auto > auto</ dfn >
487488
488489 < dd > The shape is computed based on the content box of the element.
489490 </ dl >
490491
491492 < 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 >
494494
495495 < dd > The shape is computed based on the values of one of ‘< code
496496 class =property > rectangle</ code > ’, ‘< code
@@ -501,14 +501,14 @@ <h4 id=shape-inside-property><span class=secno>3.4.2. </span>The ‘<a
501501 </ dl >
502502
503503 < dl >
504- < dt > < dfn id =lturigt title =" shape-inside!!<uri> " > <uri></ dfn >
504+ < dt > < dfn id =lturigt > <uri></ dfn >
505505
506506 < dd > If the <uri> references an SVG shape element, that element
507507 defines the shape. Otherwise, if the <uri> references an image, the
508508 shape is extracted and computed based on the alpha channel of the
509509 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.
512512 </ dl >
513513
514514 < p > The ‘< a href ="#shape-inside "> < code
@@ -764,7 +764,7 @@ <h3 class=no-ref id=testing> Non-experimental implementations</h3>
764764 mailing list. <!--end-conformance-->
765765
766766 < 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
768768
769769 and the CSS Working Group members.
770770 </p>-->
@@ -817,6 +817,12 @@ <h2 class=no-num id=index>Index</h2>
817817 < li > authoring tool, < a href ="#authoring-tool "
818818 title ="section 4. "> < strong > 4.</ strong > </ a >
819819
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+
820826 < li > Content area, < a href ="#content-area "
821827 title ="section 2. "> < strong > 2.</ strong > </ a >
822828
@@ -834,16 +840,6 @@ <h2 class=no-num id=index>Index</h2>
834840
835841 < li > shape-inside, < a href ="#shape-inside "
836842 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 >
847843
848844 < li > shape-padding, < a href ="#shape-padding "
849845 title ="section 3.4.6. "> < strong > 3.4.6.</ strong > </ a >
@@ -853,6 +849,9 @@ <h2 class=no-num id=index>Index</h2>
853849 < li > as conformance class, < a href ="#style-sheet "
854850 title ="section 4. "> < strong > 4.</ strong > </ a >
855851 </ ul >
852+
853+ < li > <uri>, < a href ="#lturigt "
854+ title ="section 3.4.2. "> < strong > 3.4.2.</ strong > </ a >
856855 </ ul >
857856 <!--end-index-->
858857
@@ -915,14 +914,14 @@ <h2 class=no-num id=property-index>Property index</h2>
915914 <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id={{bug_id}}">Issue-{{bug_id}}</a>
916915 <div class="issue-details">
917916 <p class="short-desc">{{short_desc}}</p>
918- </div>
917+ </div>
919918 </div>
920- </script>
919+ </script>
921920
922921 <script type="text/javascript" src="../shared/scripts/BugzillaTrackerUtil.js"></script>
923922 <script type="text/javascript" src="../shared/scripts/BugzillaTracker.js"></script>
924923 <script type="text/javascript">
925- checkSpecificationIssues('CSS', 'Shapes');
924+ checkSpecificationIssues('CSS', 'Shapes');
926925 </script>
927926 -->
928927
0 commit comments