CINXE.COM
drafts: css-shapes-2/Overview.bs@7bc539a42c9b (annotated)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="icon" href="/drafts/static/hgicon.png" type="image/png" /> <meta name="robots" content="index, nofollow"/> <link rel="stylesheet" href="/drafts/static/style-monoblue.css" type="text/css" /> <script type="text/javascript" src="/drafts/static/mercurial.js"></script> <title>drafts: css-shapes-2/Overview.bs@7bc539a42c9b (annotated)</title> <link rel="alternate" type="application/atom+xml" href="/drafts/atom-log" title="Atom feed for drafts"/> <link rel="alternate" type="application/rss+xml" href="/drafts/rss-log" title="RSS feed for drafts"/> </head> <body> <div id="container"> <div class="page-header"> <h1 class="breadcrumb"><a href="/">Mercurial</a> > <a href="/drafts">drafts</a> / annotate</h1> <form action="/drafts/log"> <dl class="search"> <dt><label>Search: </label></dt> <dd><input type="text" name="rev" /></dd> </dl> </form> <ul class="page-nav"> <li><a href="/drafts/summary">summary</a></li> <li><a href="/drafts/shortlog">shortlog</a></li> <li><a href="/drafts/log">changelog</a></li> <li><a href="/drafts/graph/7bc539a42c9b">graph</a></li> <li><a href="/drafts/tags">tags</a></li> <li><a href="/drafts/bookmarks">bookmarks</a></li> <li><a href="/drafts/branches">branches</a></li> <li><a href="/drafts/file/7bc539a42c9b/css-shapes-2/">files</a></li> <li><a href="/drafts/help">help</a></li> </ul> </div> <ul class="submenu"> <li><a href="/drafts/file/7bc539a42c9b/css-shapes-2/Overview.bs">file</a></li> <li><a href="/drafts/log/7bc539a42c9b/css-shapes-2/Overview.bs">revisions</a></li> <li class="current">annotate</li> <li><a href="/drafts/diff/7bc539a42c9b/css-shapes-2/Overview.bs">diff</a></li> <li><a href="/drafts/comparison/7bc539a42c9b/css-shapes-2/Overview.bs">comparison</a></li> <li><a href="/drafts/raw-annotate/7bc539a42c9b/css-shapes-2/Overview.bs">raw</a></li> </ul> <h2 class="no-link no-border">css-shapes-2/Overview.bs@7bc539a42c9b (annotated)</h2> <h3 class="changeset">css-shapes-2/Overview.bs</h3> <p class="changeset-age age">Fri, 06 Jul 2018 10:29:25 +0800</p> <dl class="overview"> <dt>author</dt> <dd>Florian Rivoal <git@florian.rivoal.net></dd> <dt>date</dt> <dd>Fri, 06 Jul 2018 10:29:25 +0800</dd> <dt>changeset 21418</dt> <dd><a href="/drafts/rev/7bc539a42c9b">7bc539a42c9b</a></dd> <dt>parent 21317</dt> <dd> <a href="/drafts/annotate/582485d0eb06/css-shapes-2/Overview.bs"> 582485d0eb06 </a> </dd> <dt>child 21720</dt> <dd> <a href="/drafts/annotate/798743eb4196/css-shapes-2/Overview.bs">798743eb4196</a> </dd> <dt>permissions</dt> <dd>-rw-r--r--</dd> </dl> <p class="description">Drop the "Media:" entry from propdef tables<br/> <br/> Its meaning has never been defined properly, and it does not add useful<br/> information.<br/> <br/> This commit does not remove (correct) uses of Media:all, as these do<br/> have a meaning, and will be clarified in a later commit.</p> <table class="annotated"> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l3" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l1" id="l1"> 1</a> </td> <td class="source"><pre class='metadata'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/a99b846e7764/css-shapes-2/Overview.bs#l2" title="a99b846e7764: Use Title: meta instead of explicit <h1>">blog@20073</a> </td> <td class="lineno"> <a href="#l2" id="l2"> 2</a> </td> <td class="source">Title: CSS Shapes Module Level 2 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l4" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l3" id="l3"> 3</a> </td> <td class="source">Status: ED </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l5" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l4" id="l4"> 4</a> </td> <td class="source">Work Status: Exploring </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l5" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l5" id="l5"> 5</a> </td> <td class="source">Shortname: css-shapes </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l6" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l6" id="l6"> 6</a> </td> <td class="source">Level: 2 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l7" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l7" id="l7"> 7</a> </td> <td class="source">Group: csswg </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l9" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l8" id="l8"> 8</a> </td> <td class="source">TR: https://www.w3.org/TR/css-shapes-2/ </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/5be73fbc8592/css-shapes-2/Overview.bs#l10" title="5be73fbc8592: change //dev.w3.org/csswg/ urls to //drafts.csswg.org/">peter@16986</a> </td> <td class="lineno"> <a href="#l9" id="l9"> 9</a> </td> <td class="source">ED: https://drafts.csswg.org/css-shapes-2/ </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/22c9edc2d68b/css-shapes-2/Overview.bs#l10" title="22c9edc2d68b: Add w3cid metadata for all editors.">dbaron@20171</a> </td> <td class="lineno"> <a href="#l10" id="l10"> 10</a> </td> <td class="source">Editor: Rossen Atanassov, Microsoft Corporation, ratan@microsoft.com, w3cid 49885 </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/22c9edc2d68b/css-shapes-2/Overview.bs#l11" title="22c9edc2d68b: Add w3cid metadata for all editors.">dbaron@20171</a> </td> <td class="lineno"> <a href="#l11" id="l11"> 11</a> </td> <td class="source">Editor: Alan Stearns, Adobe Systems&#44; Inc., stearns@adobe.com, w3cid 46659 </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l11" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l12" id="l12"> 12</a> </td> <td class="source">!Issues list: <a href="https://www.w3.org/Bugs/Public/buglist.cgi?query_format=advanced&amp;product=CSS&amp;component=Shapes&amp;resolution=---&amp;cmdtype=doit">In Bugzilla</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l12" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l13" id="l13"> 13</a> </td> <td class="source">Abstract: This draft contains the features of CSS relating to wrapping content around and inside shapes. It (implicitly for now) includes and extends the functionality of CSS Shapes Level 1 [[CSS-SHAPES]]. The main points of extension compared to level 1 include additional ways of defining shapes, defining an exclusion area using a shape, and restricting an element's content area using a shape. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/ea724a78f103/css-shapes-2/Overview.bs#l14" title="ea724a78f103: Switch css21 cross-references to css2">fantasai@21281</a> </td> <td class="lineno"> <a href="#l14" id="l14"> 14</a> </td> <td class="source">Link Defaults: css2 (property) margin, css-display-3 (value) table </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l14" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l15" id="l15"> 15</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l9" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l16" id="l16"> 16</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/582485d0eb06/css-shapes-2/Overview.bs#l17" title="582485d0eb06: [css-shapes] Refer css-shapes-1 for shape-margin">ericwilligers@21317</a> </td> <td class="lineno"> <a href="#l17" id="l17"> 17</a> </td> <td class="source"><pre class='link-defaults'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/582485d0eb06/css-shapes-2/Overview.bs#l18" title="582485d0eb06: [css-shapes] Refer css-shapes-1 for shape-margin">ericwilligers@21317</a> </td> <td class="lineno"> <a href="#l18" id="l18"> 18</a> </td> <td class="source">spec:css-masking-1; type: value </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/582485d0eb06/css-shapes-2/Overview.bs#l19" title="582485d0eb06: [css-shapes] Refer css-shapes-1 for shape-margin">ericwilligers@21317</a> </td> <td class="lineno"> <a href="#l19" id="l19"> 19</a> </td> <td class="source"> text: nonzero </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/582485d0eb06/css-shapes-2/Overview.bs#l20" title="582485d0eb06: [css-shapes] Refer css-shapes-1 for shape-margin">ericwilligers@21317</a> </td> <td class="lineno"> <a href="#l20" id="l20"> 20</a> </td> <td class="source"> text: evenodd </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/582485d0eb06/css-shapes-2/Overview.bs#l21" title="582485d0eb06: [css-shapes] Refer css-shapes-1 for shape-margin">ericwilligers@21317</a> </td> <td class="lineno"> <a href="#l21" id="l21"> 21</a> </td> <td class="source">spec:css-shapes-1; type:property; text:shape-margin </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/582485d0eb06/css-shapes-2/Overview.bs#l22" title="582485d0eb06: [css-shapes] Refer css-shapes-1 for shape-margin">ericwilligers@21317</a> </td> <td class="lineno"> <a href="#l22" id="l22"> 22</a> </td> <td class="source"></pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/582485d0eb06/css-shapes-2/Overview.bs#l23" title="582485d0eb06: [css-shapes] Refer css-shapes-1 for shape-margin">ericwilligers@21317</a> </td> <td class="lineno"> <a href="#l23" id="l23"> 23</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l16" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l24" id="l24"> 24</a> </td> <td class="source"><style type="text/css"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l17" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l25" id="l25"> 25</a> </td> <td class="source"> .singleImgExample { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l18" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l26" id="l26"> 26</a> </td> <td class="source"> display: block; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l19" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l27" id="l27"> 27</a> </td> <td class="source"> margin: auto; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l20" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l28" id="l28"> 28</a> </td> <td class="source"> } </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l15" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l29" id="l29"> 29</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l22" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l30" id="l30"> 30</a> </td> <td class="source"> .example-table { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l23" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l31" id="l31"> 31</a> </td> <td class="source"> table-layout: fixed; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l24" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l32" id="l32"> 32</a> </td> <td class="source"> width: 100%; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l25" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l33" id="l33"> 33</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l20" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l34" id="l34"> 34</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l27" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l35" id="l35"> 35</a> </td> <td class="source"> .example-table tr td img { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l28" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l36" id="l36"> 36</a> </td> <td class="source"> width: 90%; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l29" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l37" id="l37"> 37</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l30" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l38" id="l38"> 38</a> </td> <td class="source"></style> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l25" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l39" id="l39"> 39</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l32" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l40" id="l40"> 40</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l33" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l41" id="l41"> 41</a> </td> <td class="source"><h2 id="intro"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l34" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l42" id="l42"> 42</a> </td> <td class="source">Introduction</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l39" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l43" id="l43"> 43</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l36" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l44" id="l44"> 44</a> </td> <td class="source"> <em>This section is not normative.</em> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l40" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l45" id="l45"> 45</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l38" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l46" id="l46"> 46</a> </td> <td class="source"> Level 1 of this specification </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l39" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l47" id="l47"> 47</a> </td> <td class="source"> defined properties to control </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l40" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l48" id="l48"> 48</a> </td> <td class="source"> the geometry of an element's </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l41" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l49" id="l49"> 49</a> </td> <td class="source"> <span>float area</span>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l42" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l50" id="l50"> 50</a> </td> <td class="source"> This level defines how shapes apply to exclusions. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l43" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l51" id="l51"> 51</a> </td> <td class="source"> It also includes a 'shape-inside' property </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l44" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l52" id="l52"> 52</a> </td> <td class="source"> for applying a shape </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l45" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l53" id="l53"> 53</a> </td> <td class="source"> to an element's content area. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l46" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l54" id="l54"> 54</a> </td> <td class="source"> And finally it defines new ways </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l47" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l55" id="l55"> 55</a> </td> <td class="source"> of specifying shapes for all </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l48" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l56" id="l56"> 56</a> </td> <td class="source"> of these applications. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l41" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l57" id="l57"> 57</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l49" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l58" id="l58"> 58</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l51" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l59" id="l59"> 59</a> </td> <td class="source"><h2 id="terminology"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l52" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l60" id="l60"> 60</a> </td> <td class="source">Terminology</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l53" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l61" id="l61"> 61</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l54" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l62" id="l62"> 62</a> </td> <td class="source"> <dfn>Exclusion area</dfn> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l57" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l63" id="l63"> 63</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l56" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l64" id="l64"> 64</a> </td> <td class="source"> The area used for excluding </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l57" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l65" id="l65"> 65</a> </td> <td class="source"> inline flow content </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l58" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l66" id="l66"> 66</a> </td> <td class="source"> around an exclusion box. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l59" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l67" id="l67"> 67</a> </td> <td class="source"> The <span>exclusion area</span> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l60" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l68" id="l68"> 68</a> </td> <td class="source"> is equivalent to the </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l63" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l69" id="l69"> 69</a> </td> <td class="source"> <a href="https://www.w3.org/TR/CSS2/box.html#box-dimensions">border box</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l62" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l70" id="l70"> 70</a> </td> <td class="source"> for an exclusion box. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l63" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l71" id="l71"> 71</a> </td> <td class="source"> This specification's 'shape-outside' property </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l64" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l72" id="l72"> 72</a> </td> <td class="source"> can be used to define arbitrary, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l65" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l73" id="l73"> 73</a> </td> <td class="source"> non-rectangular <span>exclusion areas</span>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l66" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l74" id="l74"> 74</a> </td> <td class="source"> The 'shape-inside' property also defines </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l67" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l75" id="l75"> 75</a> </td> <td class="source"> an <span>exclusion area</span>, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l68" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l76" id="l76"> 76</a> </td> <td class="source"> but in this case it is the area outside the shape </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l69" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l77" id="l77"> 77</a> </td> <td class="source"> that inline content avoids. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l60" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l78" id="l78"> 78</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l63" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l79" id="l79"> 79</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l72" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l80" id="l80"> 80</a> </td> <td class="source"> <dfn>Float area</dfn> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l66" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l81" id="l81"> 81</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l74" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l82" id="l82"> 82</a> </td> <td class="source"> The area used for wrapping content </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l75" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l83" id="l83"> 83</a> </td> <td class="source"> around a float element. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l76" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l84" id="l84"> 84</a> </td> <td class="source"> By default, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l77" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l85" id="l85"> 85</a> </td> <td class="source"> the float area is </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l78" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l86" id="l86"> 86</a> </td> <td class="source"> the float element's </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l81" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l87" id="l87"> 87</a> </td> <td class="source"> <a href="https://www.w3.org/TR/CSS2/box.html#box-dimensions">margin box</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l80" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l88" id="l88"> 88</a> </td> <td class="source"> This specification's 'shape-outside' property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l81" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l89" id="l89"> 89</a> </td> <td class="source"> can be used to define arbitrary, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l82" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l90" id="l90"> 90</a> </td> <td class="source"> non-rectangular float areas. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l74" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l91" id="l91"> 91</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l84" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l92" id="l92"> 92</a> </td> <td class="source"> <dfn>Content area</dfn> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l79" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l93" id="l93"> 93</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l88" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l94" id="l94"> 94</a> </td> <td class="source"> The <a href="https://www.w3.org/TR/CSS2/box.html#box-dimensions">content area</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l87" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l95" id="l95"> 95</a> </td> <td class="source"> is normally used for layout of the inline flow content of a box. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l81" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l96" id="l96"> 96</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l91" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l97" id="l97"> 97</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l90" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l98" id="l98"> 98</a> </td> <td class="source"> <div class="issue-marker" data-bug_id="15089" data-bug_status="NEW"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l91" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l99" id="l99"> 99</a> </td> <td class="source"> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15089">Issue-15089</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l92" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l100" id="l100"> 100</a> </td> <td class="source"> <div class="issue-details"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l93" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l101" id="l101"> 101</a> </td> <td class="source"> <p class="short-desc">shrink-to-fit circle / shape</p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l94" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l102" id="l102"> 102</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l95" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l103" id="l103"> 103</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l94" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l104" id="l104"> 104</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l97" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l105" id="l105"> 105</a> </td> <td class="source"><h2 id="shapes"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l98" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l106" id="l106"> 106</a> </td> <td class="source">Shapes</h2> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l97" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l107" id="l107"> 107</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l100" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l108" id="l108"> 108</a> </td> <td class="source"> Shapes define arbitrary geometric contours </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l101" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l109" id="l109"> 109</a> </td> <td class="source"> around which inline content flows. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l102" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l110" id="l110"> 110</a> </td> <td class="source"> The shape-outside property defines </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l103" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l111" id="l111"> 111</a> </td> <td class="source"> the <span>float area</span> for a float, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l104" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l112" id="l112"> 112</a> </td> <td class="source"> and the exclusion area for an exclusion. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l100" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l113" id="l113"> 113</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l114" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l114" id="l114"> 114</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l109" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l115" id="l115"> 115</a> </td> <td class="source"><h2 id="basic-shape-functions"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l108" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l116" id="l116"> 116</a> </td> <td class="source">Basic Shapes</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l116" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l117" id="l117"> 117</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l110" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l118" id="l118"> 118</a> </td> <td class="source"> Add the final </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l113" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l119" id="l119"> 119</a> </td> <td class="source"> <a href="https://www.w3.org/TR/css-shapes/#basic-shape-functions">level 1</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l114" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l120" id="l120"> 120</a> </td> <td class="source"> section. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l115" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l121" id="l121"> 121</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l116" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l122" id="l122"> 122</a> </td> <td class="source"><h3 id="supported-basic-shapes"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l117" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l123" id="l123"> 123</a> </td> <td class="source">Supported Shapes</h3> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l118" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l124" id="l124"> 124</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l119" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l125" id="l125"> 125</a> </td> <td class="source"> Add the final </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l120" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l126" id="l126"> 126</a> </td> <td class="source"> <a href="https://www.w3.org/TR/css-shapes/#basic-shape-functions">level 1</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l121" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l127" id="l127"> 127</a> </td> <td class="source"> section, with the following integrated. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l122" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l128" id="l128"> 128</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l123" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l129" id="l129"> 129</a> </td> <td class="source"> <dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l124" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l130" id="l130"> 130</a> </td> <td class="source"> <dt><dfn>path()</dfn> = </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l125" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l131" id="l131"> 131</a> </td> <td class="source"> path( [<<fill-rule>>,]? <<string>> ) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l126" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l132" id="l132"> 132</a> </td> <td class="source"> </dt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l127" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l133" id="l133"> 133</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l128" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l134" id="l134"> 134</a> </td> <td class="source"> <ul> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l129" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l135" id="l135"> 135</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l130" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l136" id="l136"> 136</a> </td> <td class="source"> <dfn><<fill-rule>></dfn> - </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l131" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l137" id="l137"> 137</a> </td> <td class="source"> The filling rule used </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l132" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l138" id="l138"> 138</a> </td> <td class="source"> to determine the interior </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l133" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l139" id="l139"> 139</a> </td> <td class="source"> of the path. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l134" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l140" id="l140"> 140</a> </td> <td class="source"> See <a href="https://www.w3.org/TR/SVG/painting.html#FillRuleProperty">fill-rule</a> property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l135" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l141" id="l141"> 141</a> </td> <td class="source"> in SVG for details. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l136" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l142" id="l142"> 142</a> </td> <td class="source"> Possible values are ''nonzero'' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l137" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l143" id="l143"> 143</a> </td> <td class="source"> or ''evenodd''. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l138" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l144" id="l144"> 144</a> </td> <td class="source"> Default value when omitted is ''nonzero''.</li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l139" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l145" id="l145"> 145</a> </td> <td class="source"> <li> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l140" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l146" id="l146"> 146</a> </td> <td class="source"> The <string> represents an </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l141" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l147" id="l147"> 147</a> </td> <td class="source"> <a href="https://www.w3.org/TR/SVG11/paths.html#PathData">SVG Path data string</a>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l142" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l148" id="l148"> 148</a> </td> <td class="source"> The path data string must be conform </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l143" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l149" id="l149"> 149</a> </td> <td class="source"> to the grammar and parsing rules of SVG 1.1. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l144" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l150" id="l150"> 150</a> </td> <td class="source"> The initial position is defined </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l145" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l151" id="l151"> 151</a> </td> <td class="source"> by the first “move to” argument </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l146" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l152" id="l152"> 152</a> </td> <td class="source"> in the path string. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l147" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l153" id="l153"> 153</a> </td> <td class="source"> For the initial direction follow SVG 1.1. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l148" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l154" id="l154"> 154</a> </td> <td class="source"> </li> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l149" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l155" id="l155"> 155</a> </td> <td class="source"> </ul> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l150" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l156" id="l156"> 156</a> </td> <td class="source"> </dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l151" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l157" id="l157"> 157</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l118" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l158" id="l158"> 158</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l153" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l159" id="l159"> 159</a> </td> <td class="source"> <div class="issue-marker wrapper"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l154" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l160" id="l160"> 160</a> </td> <td class="source"> <div class="issue-marker" data-bug_id="16448" data-bug_status="ASSIGNED"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l155" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l161" id="l161"> 161</a> </td> <td class="source"> <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16448">Issue-16448</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l156" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l162" id="l162"> 162</a> </td> <td class="source"> <div class="issue-details"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l157" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l163" id="l163"> 163</a> </td> <td class="source"> <p class="short-desc">Should we revisit the decision to not allow SVG path syntax in the shape-inside, shape-outside properties</p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l158" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l164" id="l164"> 164</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l159" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l165" id="l165"> 165</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l160" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l166" id="l166"> 166</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l161" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l167" id="l167"> 167</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l162" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l168" id="l168"> 168</a> </td> <td class="source"><h2 id='referencing-svg-shapes'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l124" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l169" id="l169"> 169</a> </td> <td class="source">Referencing SVG shapes</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l137" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l170" id="l170"> 170</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l126" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l171" id="l171"> 171</a> </td> <td class="source"> An SVG shape can be referenced using the <code>url()</code> syntax. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l127" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l172" id="l172"> 172</a> </td> <td class="source"> The shape can be any </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l167" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l173" id="l173"> 173</a> </td> <td class="source"> of the <a href="https://www.w3.org/TR/SVG/shapes.html">SVG basic shapes</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l168" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l174" id="l174"> 174</a> </td> <td class="source"> or a <a href="https://www.w3.org/TR/SVG/paths.html">path element</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l149" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l175" id="l175"> 175</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l155" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l176" id="l176"> 176</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l132" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l177" id="l177"> 177</a> </td> <td class="source"><div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l133" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l178" id="l178"> 178</a> </td> <td class="source"> <div style="float:right"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l134" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l179" id="l179"> 179</a> </td> <td class="source"> <img alt="results of referencing SVG shapes" src="images/svg-shape-reference.png"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l135" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l180" id="l180"> 180</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l136" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l181" id="l181"> 181</a> </td> <td class="source"> <code class="html"><pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l201" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l182" id="l182"> 182</a> </td> <td class="source">&lt;style&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l202" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l183" id="l183"> 183</a> </td> <td class="source">div { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l139" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l184" id="l184"> 184</a> </td> <td class="source"> height: 400px; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l140" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l185" id="l185"> 185</a> </td> <td class="source"> width: 400px; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l205" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l186" id="l186"> 186</a> </td> <td class="source">} </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l206" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l187" id="l187"> 187</a> </td> <td class="source">.in-a-circle { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l143" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l188" id="l188"> 188</a> </td> <td class="source"> shape-outside: url(#circle_shape); </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l208" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l189" id="l189"> 189</a> </td> <td class="source">} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l209" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l190" id="l190"> 190</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l210" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l191" id="l191"> 191</a> </td> <td class="source">.in-a-path { </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l147" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l192" id="l192"> 192</a> </td> <td class="source"> shape-outside: url(#path-shape); </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l212" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l193" id="l193"> 193</a> </td> <td class="source">} </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l213" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l194" id="l194"> 194</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l214" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l195" id="l195"> 195</a> </td> <td class="source">&lt;/style&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l215" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l196" id="l196"> 196</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l216" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l197" id="l197"> 197</a> </td> <td class="source">&lt;svg ...&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l217" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l198" id="l198"> 198</a> </td> <td class="source">&lt;circle id="circle_shape" cx="50%" cy="50%" r="50%" /&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l218" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l199" id="l199"> 199</a> </td> <td class="source">&lt;path id="path-shape" d="M 100 100 L 300 100 L 200 300 z" /&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l219" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l200" id="l200"> 200</a> </td> <td class="source">&lt;/svg&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l220" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l201" id="l201"> 201</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l221" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l202" id="l202"> 202</a> </td> <td class="source">&lt;div class="around-a-circle"&gt;...&lt;/div&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l222" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l203" id="l203"> 203</a> </td> <td class="source">&lt;div class="around-a-path"&gt;...&lt;/div&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l223" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l204" id="l204"> 204</a> </td> <td class="source"></pre></code> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l160" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l205" id="l205"> 205</a> </td> <td class="source"></div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l248" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l206" id="l206"> 206</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l201" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l207" id="l207"> 207</a> </td> <td class="source"><h2 id="shapes-from-image"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l163" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l208" id="l208"> 208</a> </td> <td class="source">Shapes from Image</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l232" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l209" id="l209"> 209</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l165" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l210" id="l210"> 210</a> </td> <td class="source"> Add the final </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l205" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l211" id="l211"> 211</a> </td> <td class="source"> <a href="https://www.w3.org/TR/css-shapes/#shapes-from-image">level 1</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l167" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l212" id="l212"> 212</a> </td> <td class="source"> section. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l237" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l213" id="l213"> 213</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l169" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l214" id="l214"> 214</a> </td> <td class="source"> Issue: One <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=16716">suggestion</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l172" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l215" id="l215"> 215</a> </td> <td class="source"> is to define a shape based on an element's rendered content. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l171" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l216" id="l216"> 216</a> </td> <td class="source"> This could have security implications. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l242" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l217" id="l217"> 217</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l173" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l218" id="l218"> 218</a> </td> <td class="source"> Issue: Another <a href="http://lists.w3.org/Archives/Public/www-style/2014Mar/0120.html">suggestion</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l176" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l219" id="l219"> 219</a> </td> <td class="source"> is to add something to an image() function </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l177" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l220" id="l220"> 220</a> </td> <td class="source"> that determines the relevant pixels to use </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l176" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l221" id="l221"> 221</a> </td> <td class="source"> (both for defining a shape and for display). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l272" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l222" id="l222"> 222</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l217" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l223" id="l223"> 223</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l218" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l224" id="l224"> 224</a> </td> <td class="source"><h2 id="shapes-from-box-values"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l219" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l225" id="l225"> 225</a> </td> <td class="source">Shapes from Box Values</h2> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l220" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l226" id="l226"> 226</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l221" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l227" id="l227"> 227</a> </td> <td class="source"> Add the final </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l222" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l228" id="l228"> 228</a> </td> <td class="source"> <a href="https://www.w3.org/TR/css-shapes/#shapes-from-box-values">level 1</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l223" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l229" id="l229"> 229</a> </td> <td class="source"> section. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l224" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l230" id="l230"> 230</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l225" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l231" id="l231"> 231</a> </td> <td class="source"><h2 id="declaring-shapes"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l179" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l232" id="l232"> 232</a> </td> <td class="source">Declaring Shapes</h3> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l294" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l233" id="l233"> 233</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l181" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l234" id="l234"> 234</a> </td> <td class="source"> A shape can be declared with </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l182" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l235" id="l235"> 235</a> </td> <td class="source"> the 'shape-outside' property, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l183" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l236" id="l236"> 236</a> </td> <td class="source"> with possible modifications </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l184" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l237" id="l237"> 237</a> </td> <td class="source"> from the 'shape-margin' property. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l185" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l238" id="l238"> 238</a> </td> <td class="source"> The shape defined by </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l186" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l239" id="l239"> 239</a> </td> <td class="source"> the 'shape-outside' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l187" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l240" id="l240"> 240</a> </td> <td class="source"> and 'shape-margin' properties </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l188" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l241" id="l241"> 241</a> </td> <td class="source"> changes the geometry </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l189" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l242" id="l242"> 242</a> </td> <td class="source"> of a float element's </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l190" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l243" id="l243"> 243</a> </td> <td class="source"> <span>float area</span> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l191" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l244" id="l244"> 244</a> </td> <td class="source"> and an exclusion element's </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l192" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l245" id="l245"> 245</a> </td> <td class="source"> <span>exclusion area</span>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l302" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l246" id="l246"> 246</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l194" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l247" id="l247"> 247</a> </td> <td class="source"> A shape can be declared with </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l195" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l248" id="l248"> 248</a> </td> <td class="source"> the 'shape-inside' property, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l196" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l249" id="l249"> 249</a> </td> <td class="source"> with possible modifications </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l197" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l250" id="l250"> 250</a> </td> <td class="source"> from the 'shape-padding' property. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l198" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l251" id="l251"> 251</a> </td> <td class="source"> The shape defined by </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l199" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l252" id="l252"> 252</a> </td> <td class="source"> the 'shape-inside' </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l200" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l253" id="l253"> 253</a> </td> <td class="source"> and 'shape-padding' properties </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l201" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l254" id="l254"> 254</a> </td> <td class="source"> defines an <span>exclusion area</span> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l202" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l255" id="l255"> 255</a> </td> <td class="source"> that contributes </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l203" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l256" id="l256"> 256</a> </td> <td class="source"> to the element's <span>wrapping context</span>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l204" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l257" id="l257"> 257</a> </td> <td class="source"> The 'shape-inside' property applies </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l205" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l258" id="l258"> 258</a> </td> <td class="source"> to all block-level elements. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l314" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l259" id="l259"> 259</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l207" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l260" id="l260"> 260</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l330" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l261" id="l261"> 261</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l209" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l262" id="l262"> 262</a> </td> <td class="source"> The red box illustrates </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l210" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l263" id="l263"> 263</a> </td> <td class="source"> an exclusion element's content box, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l211" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l264" id="l264"> 264</a> </td> <td class="source"> which is unmodified and subject </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l212" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l265" id="l265"> 265</a> </td> <td class="source"> to normal CSS positioning </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l213" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l266" id="l266"> 266</a> </td> <td class="source"> (here absolute positioning). </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l365" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l267" id="l267"> 267</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l215" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l268" id="l268"> 268</a> </td> <td class="source"> <pre><code class="html"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l216" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l269" id="l269"> 269</a> </td> <td class="source"> &lt;style type="text/css"&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l217" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l270" id="l270"> 270</a> </td> <td class="source"> .exclusion { </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l218" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l271" id="l271"> 271</a> </td> <td class="source"> wrap-flow: both; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l219" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l272" id="l272"> 272</a> </td> <td class="source"> position: absolute; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l220" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l273" id="l273"> 273</a> </td> <td class="source"> top: 25%; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l221" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l274" id="l274"> 274</a> </td> <td class="source"> left: 25%; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l222" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l275" id="l275"> 275</a> </td> <td class="source"> width: 50%; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l223" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l276" id="l276"> 276</a> </td> <td class="source"> height: 50%; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l224" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l277" id="l277"> 277</a> </td> <td class="source"> shape-outside: circle(50% at 50% 50%); </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l225" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l278" id="l278"> 278</a> </td> <td class="source"> border: 1px solid red; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l226" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l279" id="l279"> 279</a> </td> <td class="source"> } </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l227" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l280" id="l280"> 280</a> </td> <td class="source"> &lt;/style&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l413" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l281" id="l281"> 281</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l229" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l282" id="l282"> 282</a> </td> <td class="source"> &lt;div style=”position: relative;”&gt; </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l230" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l283" id="l283"> 283</a> </td> <td class="source"> &lt;div class=”exclusion”&gt;&lt;/div&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l231" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l284" id="l284"> 284</a> </td> <td class="source"> Lorem ipsum dolor sit amet... </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l232" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l285" id="l285"> 285</a> </td> <td class="source"> &lt;/div&gt; </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l233" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l286" id="l286"> 286</a> </td> <td class="source"> </code></pre> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l236" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l287" id="l287"> 287</a> </td> <td class="source"> <img class="singleImgExample" </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l237" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l288" id="l288"> 288</a> </td> <td class="source"> src="images/shapes_CSS2.1_MBP.png" </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l236" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l289" id="l289"> 289</a> </td> <td class="source"> alt="Example rendering of circle shape and box model." </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l237" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l290" id="l290"> 290</a> </td> <td class="source"> style="max-width:40%"/> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l238" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l291" id="l291"> 291</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l419" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l292" id="l292"> 292</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l287" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l293" id="l293"> 293</a> </td> <td class="source"><h3 id="shape-outside-property"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l241" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l294" id="l294"> 294</a> </td> <td class="source">The 'shape-outside' Property</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l421" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l295" id="l295"> 295</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l243" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l296" id="l296"> 296</a> </td> <td class="source"> Add the final </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l291" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l297" id="l297"> 297</a> </td> <td class="source"> <a href="https://www.w3.org/TR/css-shapes/#shape-outside-property">level 1</a> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l245" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l298" id="l298"> 298</a> </td> <td class="source"> section with the change that </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l246" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l299" id="l299"> 299</a> </td> <td class="source"> shape-outside applies </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l247" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l300" id="l300"> 300</a> </td> <td class="source"> to block-level elements </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l248" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l301" id="l301"> 301</a> </td> <td class="source"> and has an effect </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l249" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l302" id="l302"> 302</a> </td> <td class="source"> if the element </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l250" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l303" id="l303"> 303</a> </td> <td class="source"> is an exclusion. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l402" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l304" id="l304"> 304</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l299" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l305" id="l305"> 305</a> </td> <td class="source"><h3 id="shape-inside-property"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l253" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l306" id="l306"> 306</a> </td> <td class="source">The 'shape-inside' Property</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l407" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l307" id="l307"> 307</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l255" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l308" id="l308"> 308</a> </td> <td class="source"> The 'shape-inside' property adds </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l256" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l309" id="l309"> 309</a> </td> <td class="source"> one or more exclusion areas </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l257" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l310" id="l310"> 310</a> </td> <td class="source"> to the element's wrapping context. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l258" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l311" id="l311"> 311</a> </td> <td class="source"> This modifies the normal rectangular shape </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l259" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l312" id="l312"> 312</a> </td> <td class="source"> of the content area </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l260" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l313" id="l313"> 313</a> </td> <td class="source"> to a possibly non-rectangular wrapping area. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l261" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l314" id="l314"> 314</a> </td> <td class="source"> The exclusion areas </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l262" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l315" id="l315"> 315</a> </td> <td class="source"> are defined by subtracting the shape </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l263" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l316" id="l316"> 316</a> </td> <td class="source"> from the element's content area. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l264" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l317" id="l317"> 317</a> </td> <td class="source"> Any part of the shape outside </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l265" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l318" id="l318"> 318</a> </td> <td class="source"> the element's content area </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l266" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l319" id="l319"> 319</a> </td> <td class="source"> has no effect. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l413" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l320" id="l320"> 320</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l268" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l321" id="l321"> 321</a> </td> <td class="source"> <pre class='propdef'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l269" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l322" id="l322"> 322</a> </td> <td class="source"> Name: shape-inside </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l317" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l323" id="l323"> 323</a> </td> <td class="source"> Value: auto | outside-shape | [ <<basic-shape>> || shape-box ] | <<image>> | display </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l271" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l324" id="l324"> 324</a> </td> <td class="source"> Initial: auto </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l272" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l325" id="l325"> 325</a> </td> <td class="source"> Applies To: block-level elements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l273" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l326" id="l326"> 326</a> </td> <td class="source"> Inherited: no </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l274" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l327" id="l327"> 327</a> </td> <td class="source"> Computed Value: computed lengths for <<basic-shape>>, the absolute URI for <<uri>>, otherwise as specified</td> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l276" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l328" id="l328"> 328</a> </td> <td class="source"> Animatable: as specified for <<basic-shape>>, otherwise no </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l277" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l329" id="l329"> 329</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l419" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l330" id="l330"> 330</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l279" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l331" id="l331"> 331</a> </td> <td class="source"> The values of this property have the following meanings: </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l448" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l332" id="l332"> 332</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l281" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l333" id="l333"> 333</a> </td> <td class="source"> <dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l282" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l334" id="l334"> 334</a> </td> <td class="source"> <dt><dfn for=shape-inside>''auto''</dfn></dt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l283" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l335" id="l335"> 335</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l284" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l336" id="l336"> 336</a> </td> <td class="source"> The shape is computed based on the content box of the element. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l285" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l337" id="l337"> 337</a> </td> <td class="source"> </dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l286" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l338" id="l338"> 338</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l287" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l339" id="l339"> 339</a> </td> <td class="source"> <dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9cc4b7888473/css-shapes-2/Overview.bs#l290" title="9cc4b7888473: [css-shapes-2] actually define outside-shape value">stearns@16095</a> </td> <td class="lineno"> <a href="#l340" id="l340"> 340</a> </td> <td class="source"> <dt><dfn for=shape-inside>''outside-shape''</dfn></dt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9cc4b7888473/css-shapes-2/Overview.bs#l291" title="9cc4b7888473: [css-shapes-2] actually define outside-shape value">stearns@16095</a> </td> <td class="lineno"> <a href="#l341" id="l341"> 341</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9cc4b7888473/css-shapes-2/Overview.bs#l292" title="9cc4b7888473: [css-shapes-2] actually define outside-shape value">stearns@16095</a> </td> <td class="lineno"> <a href="#l342" id="l342"> 342</a> </td> <td class="source"> The shape is computed based on </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9cc4b7888473/css-shapes-2/Overview.bs#l293" title="9cc4b7888473: [css-shapes-2] actually define outside-shape value">stearns@16095</a> </td> <td class="lineno"> <a href="#l343" id="l343"> 343</a> </td> <td class="source"> the shape defined by the shape-outside </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9cc4b7888473/css-shapes-2/Overview.bs#l294" title="9cc4b7888473: [css-shapes-2] actually define outside-shape value">stearns@16095</a> </td> <td class="lineno"> <a href="#l344" id="l344"> 344</a> </td> <td class="source"> and shape-margin properties. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9cc4b7888473/css-shapes-2/Overview.bs#l295" title="9cc4b7888473: [css-shapes-2] actually define outside-shape value">stearns@16095</a> </td> <td class="lineno"> <a href="#l345" id="l345"> 345</a> </td> <td class="source"> </dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9cc4b7888473/css-shapes-2/Overview.bs#l296" title="9cc4b7888473: [css-shapes-2] actually define outside-shape value">stearns@16095</a> </td> <td class="lineno"> <a href="#l346" id="l346"> 346</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9cc4b7888473/css-shapes-2/Overview.bs#l297" title="9cc4b7888473: [css-shapes-2] actually define outside-shape value">stearns@16095</a> </td> <td class="lineno"> <a href="#l347" id="l347"> 347</a> </td> <td class="source"> <dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l288" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l348" id="l348"> 348</a> </td> <td class="source"> <dt><dfn>&lt;basic-shape&gt;</dfn></dt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l289" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l349" id="l349"> 349</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l290" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l350" id="l350"> 350</a> </td> <td class="source"> The shape is computed based </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l291" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l351" id="l351"> 351</a> </td> <td class="source"> on the values of one of </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l292" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l352" id="l352"> 352</a> </td> <td class="source"> ''inset()'', ''circle()'', ''ellipse()'' or ''polygon()''. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l293" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l353" id="l353"> 353</a> </td> <td class="source"> </dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l294" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l354" id="l354"> 354</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l295" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l355" id="l355"> 355</a> </td> <td class="source"> <dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l296" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l356" id="l356"> 356</a> </td> <td class="source"> <dt><dfn>&lt;uri&gt;</dfn></dt> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l297" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l357" id="l357"> 357</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l298" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l358" id="l358"> 358</a> </td> <td class="source"> If the &lt;uri&gt; references an SVG shape element, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l299" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l359" id="l359"> 359</a> </td> <td class="source"> that element defines the shape. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l300" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l360" id="l360"> 360</a> </td> <td class="source"> Otherwise, if the &lt;uri&gt; references an image, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l301" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l361" id="l361"> 361</a> </td> <td class="source"> the shape is extracted and computed </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l302" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l362" id="l362"> 362</a> </td> <td class="source"> based on the alpha channel </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l303" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l363" id="l363"> 363</a> </td> <td class="source"> of the specified image. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l428" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l364" id="l364"> 364</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l305" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l365" id="l365"> 365</a> </td> <td class="source"> If the &lt;uri&gt; does not reference </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l306" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l366" id="l366"> 366</a> </td> <td class="source"> an SVG shape element or an image, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l307" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l367" id="l367"> 367</a> </td> <td class="source"> the effect is as if the value ''auto'' had been specified. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l308" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l368" id="l368"> 368</a> </td> <td class="source"> </dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l309" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l369" id="l369"> 369</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l365" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l370" id="l370"> 370</a> </td> <td class="source"> <dl> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l366" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l371" id="l371"> 371</a> </td> <td class="source"> <dt><dfn for=shape-inside>''display''</dfn></dt> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l367" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l372" id="l372"> 372</a> </td> <td class="source"> <dd> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l368" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l373" id="l373"> 373</a> </td> <td class="source"> The shape is computed based on the shape of the display </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l369" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l374" id="l374"> 374</a> </td> <td class="source"> as described in <a href="https://drafts.csswg.org/css-round-display">css-round-display</a>. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l370" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l375" id="l375"> 375</a> </td> <td class="source"> </dd> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/9567d944c0e0/css-shapes-2/Overview.bs#l371" title="9567d944c0e0: [css-shapes-2] add display to shape-inside">stearns@16122</a> </td> <td class="lineno"> <a href="#l376" id="l376"> 376</a> </td> <td class="source"> </dl> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l436" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l377" id="l377"> 377</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l311" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l378" id="l378"> 378</a> </td> <td class="source"> The 'shape-inside' property applies to floats. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l465" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l379" id="l379"> 379</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l315" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l380" id="l380"> 380</a> </td> <td class="source"> The 'shape-inside' property may not apply on some elements </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l314" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l381" id="l381"> 381</a> </td> <td class="source"> such as elements with a computed 'display' value of ''display/table''. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l443" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l382" id="l382"> 382</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l316" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l383" id="l383"> 383</a> </td> <td class="source"> <div class='figure'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l319" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l384" id="l384"> 384</a> </td> <td class="source"> <img alt="Content flowing with and without a shape-inside" </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l318" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l385" id="l385"> 385</a> </td> <td class="source"> src="images/shape-inside-content.png"/> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l319" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l386" id="l386"> 386</a> </td> <td class="source"> <p class="caption">Effect of shape-inside on inline content.</p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l320" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l387" id="l387"> 387</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l485" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l388" id="l388"> 388</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l322" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l389" id="l389"> 389</a> </td> <td class="source"> Overflow content avoids </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l323" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l390" id="l390"> 390</a> </td> <td class="source"> the exclusion area(s) added </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l324" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l391" id="l391"> 391</a> </td> <td class="source"> by 'shape-inside' and 'shape-padding' </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l325" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l392" id="l392"> 392</a> </td> <td class="source"> (as well as any other exclusion areas </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/44637cd4e803/css-shapes-2/Overview.bs#l336" title="44637cd4e803: [css-shapes-2] improve overflow explanation">stearns@16096</a> </td> <td class="lineno"> <a href="#l393" id="l393"> 393</a> </td> <td class="source"> in the element's wrapping context). </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/44637cd4e803/css-shapes-2/Overview.bs#l337" title="44637cd4e803: [css-shapes-2] improve overflow explanation">stearns@16096</a> </td> <td class="lineno"> <a href="#l394" id="l394"> 394</a> </td> <td class="source"> In other words, </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/44637cd4e803/css-shapes-2/Overview.bs#l338" title="44637cd4e803: [css-shapes-2] improve overflow explanation">stearns@16096</a> </td> <td class="lineno"> <a href="#l395" id="l395"> 395</a> </td> <td class="source"> overflow continues outside </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/44637cd4e803/css-shapes-2/Overview.bs#l339" title="44637cd4e803: [css-shapes-2] improve overflow explanation">stearns@16096</a> </td> <td class="lineno"> <a href="#l396" id="l396"> 396</a> </td> <td class="source"> the rectangular bounds of the element.</p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l526" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l397" id="l397"> 397</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l328" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l398" id="l398"> 398</a> </td> <td class="source"> <div class='figure'> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l331" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l399" id="l399"> 399</a> </td> <td class="source"> <img alt="Overflow interacting with rounded rect" </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l332" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l400" id="l400"> 400</a> </td> <td class="source"> style="display:inline-block;vertical-align:top" </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l331" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l401" id="l401"> 401</a> </td> <td class="source"> src="images/rounded-rect-overflow.png"/> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l334" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l402" id="l402"> 402</a> </td> <td class="source"> <img alt="Overflow interacting with ellipse" </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l335" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l403" id="l403"> 403</a> </td> <td class="source"> style="display:inline-block;vertical-align:top" </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l334" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l404" id="l404"> 404</a> </td> <td class="source"> src="images/ellipse-overflow.png"/> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l335" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l405" id="l405"> 405</a> </td> <td class="source"> <p class="caption"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l338" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l406" id="l406"> 406</a> </td> <td class="source"> Overflow interacting with exclusion areas defined </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l337" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l407" id="l407"> 407</a> </td> <td class="source"> by 'shape-inside' and 'shape-padding'. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l338" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l408" id="l408"> 408</a> </td> <td class="source"> </p> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l339" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l409" id="l409"> 409</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l507" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l410" id="l410"> 410</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/44637cd4e803/css-shapes-2/Overview.bs#l354" title="44637cd4e803: [css-shapes-2] improve overflow explanation">stearns@16096</a> </td> <td class="lineno"> <a href="#l411" id="l411"> 411</a> </td> <td class="source"> Issue: improve the illustration above, </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/44637cd4e803/css-shapes-2/Overview.bs#l355" title="44637cd4e803: [css-shapes-2] improve overflow explanation">stearns@16096</a> </td> <td class="lineno"> <a href="#l412" id="l412"> 412</a> </td> <td class="source"> using text to show overflow instead of greeked boxes. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/44637cd4e803/css-shapes-2/Overview.bs#l356" title="44637cd4e803: [css-shapes-2] improve overflow explanation">stearns@16096</a> </td> <td class="lineno"> <a href="#l413" id="l413"> 413</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l341" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l414" id="l414"> 414</a> </td> <td class="source"> When a shape-inside has a definite size </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l342" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l415" id="l415"> 415</a> </td> <td class="source"> (no percentages used in the shape's definition) </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l343" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l416" id="l416"> 416</a> </td> <td class="source"> an auto-sized element should use the shape </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l344" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l417" id="l417"> 417</a> </td> <td class="source"> as a constraint in determining its maximum size. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l510" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l418" id="l418"> 418</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l513" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l419" id="l419"> 419</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l408" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l420" id="l420"> 420</a> </td> <td class="source"><h3 id="shape-image-threshold-property"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l348" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l421" id="l421"> 421</a> </td> <td class="source">The shape-image-threshold Property</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l525" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l422" id="l422"> 422</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l350" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l423" id="l423"> 423</a> </td> <td class="source"> Add the final </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l419" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l424" id="l424"> 424</a> </td> <td class="source"> <a href="https://www.w3.org/TR/css-shapes/#shape-image-threshold-property">level 1</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l352" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l425" id="l425"> 425</a> </td> <td class="source"> section with the change that </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l353" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l426" id="l426"> 426</a> </td> <td class="source"> it applies to both <span>shape-inside</span> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l354" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l427" id="l427"> 427</a> </td> <td class="source"> and <span>shape-outside</span>. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e920733b7620/css-shapes-2/Overview.src.html#l536" title="e920733b7620: [css-shapes] start of level 2 document">stearns@8709</a> </td> <td class="lineno"> <a href="#l428" id="l428"> 428</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l417" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l429" id="l429"> 429</a> </td> <td class="source"><h3 id="shape-image-source-type-property"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l357" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l430" id="l430"> 430</a> </td> <td class="source">The shape-image-source-type Property</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l573" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l431" id="l431"> 431</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l361" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l432" id="l432"> 432</a> </td> <td class="source"> Should we add an alpha/luminance switch </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l362" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l433" id="l433"> 433</a> </td> <td class="source"> to determine which values we use </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l363" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l434" id="l434"> 434</a> </td> <td class="source"> from the shape-image source? </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l364" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l435" id="l435"> 435</a> </td> <td class="source"> This could just be a keyword </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l365" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l436" id="l436"> 436</a> </td> <td class="source"> on the shape-image-threshold property. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l366" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l437" id="l437"> 437</a> </td> <td class="source"> Whatever we go with should be compatible </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l365" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l438" id="l438"> 438</a> </td> <td class="source"> with the alpha/luminance switch from mask sources. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/8b2d66182ab2/css-shapes-2/Overview.src.html#l597" title="8b2d66182ab2: [css-shapes-2] Change a few <dfn> titles to be less terrible.">jackalmage@9609</a> </td> <td class="lineno"> <a href="#l439" id="l439"> 439</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l428" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l440" id="l440"> 440</a> </td> <td class="source"><h3 id="shape-margin-property"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l368" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l441" id="l441"> 441</a> </td> <td class="source">The 'shape-margin' property</h4> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/0f4bf02e8b70/css-shapes-2/Overview.bs#l371" title="0f4bf02e8b70: Add 'Work Status' metadata to all Bikeshed source files. Some files also accidentally got whitespace fixes, whoops.">jackalmage@15674</a> </td> <td class="lineno"> <a href="#l442" id="l442"> 442</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l370" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l443" id="l443"> 443</a> </td> <td class="source"> Add the final </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l439" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l444" id="l444"> 444</a> </td> <td class="source"> <a href="https://www.w3.org/TR/css-shapes/#shape-margin-property">level 1</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l372" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l445" id="l445"> 445</a> </td> <td class="source"> section with the change that it applies to exclusions. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l373" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l446" id="l446"> 446</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/b766fa9c039f/css-shapes-2/Overview.bs#l435" title="b766fa9c039f: [css-shapes-2] add path() to diffed section">stearns@16120</a> </td> <td class="lineno"> <a href="#l447" id="l447"> 447</a> </td> <td class="source"><h3 id="shape-padding-property"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l375" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l448" id="l448"> 448</a> </td> <td class="source">The 'shape-padding' Property</h4> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l376" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l449" id="l449"> 449</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l377" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l450" id="l450"> 450</a> </td> <td class="source"> The 'shape-padding' property adds padding to a shape-inside. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l378" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l451" id="l451"> 451</a> </td> <td class="source"> This defines a new shape where every point </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l379" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l452" id="l452"> 452</a> </td> <td class="source"> is the specified distance from the shape-inside. </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l380" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l453" id="l453"> 453</a> </td> <td class="source"> This property takes on positive values only. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l381" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l454" id="l454"> 454</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l382" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l455" id="l455"> 455</a> </td> <td class="source"> <pre class='propdef'> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l383" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l456" id="l456"> 456</a> </td> <td class="source"> Name: shape-padding </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l384" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l457" id="l457"> 457</a> </td> <td class="source"> Value: <<length>> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l385" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l458" id="l458"> 458</a> </td> <td class="source"> Initial: none </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l386" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l459" id="l459"> 459</a> </td> <td class="source"> Applies To: block-level elements </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l387" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l460" id="l460"> 460</a> </td> <td class="source"> Inherited: no </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l388" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l461" id="l461"> 461</a> </td> <td class="source"> Computed Value: the absolute length </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/255258410d1b/css-shapes-2/Overview.bs#l458" title="255258410d1b: change w3.org/TR/ urls to https">peter@16989</a> </td> <td class="lineno"> <a href="#l462" id="l462"> 462</a> </td> <td class="source"> Animatable: as <a href="https://www.w3.org/TR/css3-transitions/#animtype-lpcalc">length, percentage, or calc</a> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l391" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l463" id="l463"> 463</a> </td> <td class="source"> </pre> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l392" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l464" id="l464"> 464</a> </td> <td class="source"> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l393" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l465" id="l465"> 465</a> </td> <td class="source"> <div class="example"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l394" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l466" id="l466"> 466</a> </td> <td class="source"> <p>A 'shape-padding' creating an offset </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l395" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l467" id="l467"> 467</a> </td> <td class="source"> from a circlular shape-inside. </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l396" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l468" id="l468"> 468</a> </td> <td class="source"> The light blue rectangles represent </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l397" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l469" id="l469"> 469</a> </td> <td class="source"> inline content affected </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l398" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l470" id="l470"> 470</a> </td> <td class="source"> by the shape created </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l399" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l471" id="l471"> 471</a> </td> <td class="source"> by the padding.</p> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l400" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l472" id="l472"> 472</a> </td> <td class="source"> <img src="images/shape-padding.png" </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l401" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l473" id="l473"> 473</a> </td> <td class="source"> alt="Example of a shape-padding offset"/> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l402" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l474" id="l474"> 474</a> </td> <td class="source"> </div> </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l403" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l475" id="l475"> 475</a> </td> <td class="source"> </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l404" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l476" id="l476"> 476</a> </td> <td class="source"> Note: The 'shape-padding' property </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l405" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l477" id="l477"> 477</a> </td> <td class="source"> only affects layout of content </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l406" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l478" id="l478"> 478</a> </td> <td class="source"> inside the element it applies to </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l407" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l479" id="l479"> 479</a> </td> <td class="source"> while the 'shape-margin' property </td> </tr> <tr class="parity1"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l408" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l480" id="l480"> 480</a> </td> <td class="source"> only affects layout of content </td> </tr> <tr class="parity0"> <td class="linenr"> <a href="/drafts/annotate/e4300ac06644/css-shapes-2/Overview.bs#l409" title="e4300ac06644: [css-shapes-2] bikesheddifying">stearns@15065</a> </td> <td class="lineno"> <a href="#l481" id="l481"> 481</a> </td> <td class="source"> outside the element. </td> </tr> </table> <script type="text/javascript">process_dates()</script> <div class="page-footer"> <p>Mercurial Repository: drafts</p> <ul class="rss-logo"> <li><a href="/drafts/rss-log">RSS</a></li> <li><a href="/drafts/atom-log">Atom</a></li> </ul> </div> <div id="powered-by"> <p><a href="http://mercurial.selenic.com/" title="Mercurial"><img src="/drafts/static/hglogo.png" width=75 height=90 border=0 alt="mercurial"></a></p> </div> <div id="corner-top-left"></div> <div id="corner-top-right"></div> <div id="corner-bottom-left"></div> <div id="corner-bottom-right"></div> </div> </body> </html>