Skip to content

Commit 8164476

Browse files
committed
[css-shapes] computed value clarifications
1 parent c97e89d commit 8164476

File tree

2 files changed

+6
-6
lines changed

2 files changed

+6
-6
lines changed

css-shapes/Overview.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@
6363
</p>
6464
<h1 class="p-name no-ref" id=title>CSS Shapes Module Level 1</h1>
6565
<h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
66-
<span class=dt-updated><span class=value-title title=20140104>4 January 2014</span></span></span></h2>
66+
<span class=dt-updated><span class=value-title title=20140106>6 January 2014</span></span></span></h2>
6767
<div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-shapes/>http://dev.w3.org/csswg/css-shapes/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css-shapes/>http://www.w3.org/TR/css-shapes/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css-shapes/>http://dev.w3.org/csswg/css-shapes/</a>
6868
<dt>Feedback:</dt>
6969
<dd><a href="mailto:www-style@w3.org?subject=%5Bcss-shapes%5D%20feedback">www-style@w3.org</a>
@@ -591,7 +591,7 @@ <h3 class="heading settled heading" data-level=3.2 id=basic-shape-computed-value
591591
Omitted values are included and compute to their defaults
592592
</li>
593593
<li>
594-
A <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#position-value title="<position>">&lt;position&gt;</a> value in <a class=css data-link-type=maybe href=#funcdef-circle title=circle()>circle()</a> or <a class=css data-link-type=maybe href=#funcdef-ellipse title=ellipse()>ellipse()</a> is computed as a pair of offsets (horizontal and vertical) from the top left origin each given as a combination of an absolute length and a percentage
594+
A <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#position-value title="<position>">&lt;position&gt;</a> value in <a class=css data-link-type=maybe href=#funcdef-circle title=circle()>circle()</a> or <a class=css data-link-type=maybe href=#funcdef-ellipse title=ellipse()>ellipse()</a> is computed as a pair of offsets (horizontal then vertical) from the top left origin each given as a combination of an absolute length and a percentage
595595
</li>
596596
<li>
597597
A &lt;<a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-backgrounds-3/#border-radius title=border-radius>border-radius</a>&gt; value in <a class=css data-link-type=maybe href=#funcdef-inset title=inset()>inset()</a> is computed as an expanded list of all eight <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#length-value title="<length>">&lt;length&gt;</a> or percentage values.
@@ -838,7 +838,7 @@ <h2 class="heading settled heading" data-level=6 id=declaring-shapes><span class
838838
<h3 class="heading settled heading" data-level=6.1 id=shape-outside-property><span class=secno>6.1 </span><span class=content>
839839
Float Area Shape: the <a class=property data-link-type=propdesc href=#propdef-shape-outside title=shape-outside>shape-outside</a> property</span><a class=self-link href=#shape-outside-property></a></h3>
840840

841-
<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-shape-outside>shape-outside<a class=self-link href=#propdef-shape-outside></a></dfn><tr><th>Value:<td>none | [ <a class="production css-code" data-link-type=type href=#typedef-basic-shape title="<basic-shape>">&lt;basic-shape&gt;</a> || <a class="production css-code" data-link-type=type href=#typedef-shape-box title="<shape-box>">&lt;shape-box&gt;</a> ] | <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-images-3/#image-type title="<image>">&lt;image&gt;</a><tr><th>Initial:<td>none<tr><th>Applies to:<td>floats<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>as <a href=#basic-shape-computed-values>defined</a> for <a class="production css-code" data-link-type=type href=#typedef-basic-shape title="<basic-shape>">&lt;basic-shape&gt;</a>, the <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-images-3/#image-type title="<image>">&lt;image&gt;</a> with its URI made absolute, otherwise as specified<tr><th>Animatable:<td>as <a href=#basic-shape-interpolation>specified</a> for <a class="production css-code" data-link-type=type href=#typedef-basic-shape title="<basic-shape>">&lt;basic-shape&gt;</a>, otherwise no</table>
841+
<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-shape-outside>shape-outside<a class=self-link href=#propdef-shape-outside></a></dfn><tr><th>Value:<td>none | [ <a class="production css-code" data-link-type=type href=#typedef-basic-shape title="<basic-shape>">&lt;basic-shape&gt;</a> || <a class="production css-code" data-link-type=type href=#typedef-shape-box title="<shape-box>">&lt;shape-box&gt;</a> ] | <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-images-3/#image-type title="<image>">&lt;image&gt;</a><tr><th>Initial:<td>none<tr><th>Applies to:<td>floats<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>as <a href=#basic-shape-computed-values>defined</a> for <a class="production css-code" data-link-type=type href=#typedef-basic-shape title="<basic-shape>">&lt;basic-shape&gt;</a> (with <a class="production css-code" data-link-type=type href=#typedef-shape-box title="<shape-box>">&lt;shape-box&gt;</a> following, if supplied), the <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-images-3/#image-type title="<image>">&lt;image&gt;</a> with its URI made absolute, otherwise as specified.<tr><th>Animatable:<td>as <a href=#basic-shape-interpolation>specified</a> for <a class="production css-code" data-link-type=type href=#typedef-basic-shape title="<basic-shape>">&lt;basic-shape&gt;</a>, otherwise no</table>
842842
<p> The values of this property have the following meanings:
843843

844844
<dl data-dfn-for=shape-outside data-dfn-type=value>
@@ -1253,7 +1253,7 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
12531253
<h2 class="no-num no-ref heading settled heading" id=property-index><span class=content>
12541254
Property index</span><a class=self-link href=#property-index></a></h2>
12551255
<div data-fill-with=property-index><table class="proptable data"><thead><tr><th scope=col>Name<th scope=col>Value<th scope=col>Initial<th scope=col>Applies to<th scope=col>Inh.<th scope=col>%ages<th scope=col>Media<th scope=col>Animatable<th scope=col>Computed value<tbody>
1256-
<tr><th scope=row><a data-property="">shape-outside</a><td>none | [ &lt;basic-shape&gt; || &lt;shape-box&gt; ] | &lt;image&gt;<td>none<td>floats<td>no<td><td>visual<td>as specified for &lt;basic-shape&gt;, otherwise no<td>as defined for &lt;basic-shape&gt;, the &lt;image&gt; with its URI made absolute, otherwise as specified
1256+
<tr><th scope=row><a data-property="">shape-outside</a><td>none | [ &lt;basic-shape&gt; || &lt;shape-box&gt; ] | &lt;image&gt;<td>none<td>floats<td>no<td><td>visual<td>as specified for &lt;basic-shape&gt;, otherwise no<td>as defined for &lt;basic-shape&gt; (with &lt;shape-box&gt; following, if supplied), the &lt;image&gt; with its URI made absolute, otherwise as specified.
12571257
<tr><th scope=row><a data-property="">shape-image-threshold</a><td>&lt;number&gt;<td>0.0<td>floats<td>no<td><td>visual<td>as number<td>The same as the specified value after clipping the &lt;number&gt; to the range [0.0,1.0]
12581258
<tr><th scope=row><a data-property="">shape-margin</a><td>&lt;length&gt; | &lt;percentage&gt;<td>0<td>floats<td>no<td><td>visual<td>as length, percentage, or calc.<td>the absolute length</table></div>
12591259

css-shapes/Overview.src.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -470,7 +470,7 @@ <h3 id='basic-shape-computed-values'>
470470
Omitted values are included and compute to their defaults
471471
</li>
472472
<li>
473-
A <<position>> value in ''circle()'' or ''ellipse()'' is computed as a pair of offsets (horizontal and vertical) from the top left origin each given as a combination of an absolute length and a percentage
473+
A <<position>> value in ''circle()'' or ''ellipse()'' is computed as a pair of offsets (horizontal then vertical) from the top left origin each given as a combination of an absolute length and a percentage
474474
</li>
475475
<li>
476476
A <'border-radius'> value in ''inset()'' is computed as an expanded list of all eight <<length>> or percentage values.
@@ -731,7 +731,7 @@ <h3 id="shape-outside-property">
731731
Initial: none
732732
Applies To: floats
733733
Inherited: no
734-
Computed Value: as <a href="#basic-shape-computed-values">defined</a> for <<basic-shape>>, the <<image>> with its URI made absolute, otherwise as specified
734+
Computed Value: as <a href="#basic-shape-computed-values">defined</a> for <<basic-shape>> (with <<shape-box>> following, if supplied), the <<image>> with its URI made absolute, otherwise as specified.
735735
Media: visual
736736
Animatable: as <a href="#basic-shape-interpolation">specified</a> for <<basic-shape>>, otherwise no
737737
</pre>

0 commit comments

Comments
 (0)