- From: SVG Working Group repository <cam@mcc.id.au>
- Date: Mon, 20 Aug 2012 19:26:56 -0700
- To: public-svg-wg@w3.org
details: https://svgwg.org/hg/svg2/rev/ffbdfdc0ba4c
branches:
changeset: 326:ffbdfdc0ba4c
user: Cameron McCormack <cam@mcc.id.au>
date: Tue Aug 21 12:26:09 2012 +1000
description:
Fixes to make the document validate for publication.
diffstat:
master/animate.html | 77 ++++----
master/attindex.html | 2 +-
master/color.html | 11 +-
master/concepts.html | 2 +-
master/coords.html | 6 +-
master/implnote.html | 95 +++++-----
master/index.html | 2 +
master/interact.html | 4 +-
master/intro.html | 2 +-
master/linking.html | 21 +-
master/masking.html | 2 +-
master/mimereg.html | 2 +-
master/minimize.html | 2 +-
master/painting.html | 71 ++++---
master/paths.html | 20 +-
master/propidx.html | 2 +-
master/publish.xml | 8 +-
master/refs.html | 2 +
master/script.html | 4 +-
master/struct.html | 5 +-
master/style/default_svg.css | 8 +-
master/styling.html | 2 +-
master/svgdom.html | 2 +-
master/text.html | 364 +++++++++++++++++++++---------------------
master/types.html | 6 +-
25 files changed, 354 insertions(+), 368 deletions(-)
diffs (2895 lines):
diff --git a/master/animate.html b/master/animate.html
--- a/master/animate.html
+++ b/master/animate.html
@@ -130,17 +130,17 @@ permitted by that specification. Except
rules explicitly mentioned in this specification, the normative
definition for SVG's animation elements and attributes is the
<a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
specification [<a href="refs.html#ref-SMILANIM">SMILANIM</a>].</p>
<p>SVG supports the following four animation elements which are
defined in the SMIL Animation specification:</p>
- <table class='vert offset' summary="animation elements from SMIL Animation">
+ <table class='vert offset'>
<tr>
<td><a>'animate'</a></td>
<td>allows scalar attributes and properties to be assigned
different values over time</td>
</tr>
<tr>
<td><a>'set'</a></td>
<td>a convenient shorthand for <a>'animate'</a>, which is useful for
@@ -160,17 +160,17 @@ defined in the SMIL Animation specificat
<p>Although SVG defines <a>'animateColor'</a>, its use is deprecated in
favor of simply using the <a>'animate'</a> element to target properties
that can take color values.</p>
<p id="SVGExtensionsToSMILAnimation">Additionally, SVG includes the following compatible
extensions to SMIL Animation:</p>
-<table class='vert offset' summary="extensions to SMIL Animation">
+<table class='vert offset'>
<tr>
<td><a>'animateTransform'</a></td>
<td>modifies one of SVG's transformation attributes over
time, such as the <a>'transform'</a> attribute</td>
</tr>
<tr>
<td><a>'animateMotion/path'</a> attribute</td>
<td>SVG allows any feature from SVG's <a
@@ -301,38 +301,38 @@ demonstrates each of SVG's five animatio
</svg>
]]></pre>
<!--
Would be good to replace this with an <edit:example>, if that
supported multiple images.
-->
<div class="figure">
-<table summary="Example anim01">
- <caption align="bottom">
+<table >
+ <caption>
Example anim01
</caption>
<tr>
- <td width="256"><img width="256" height="91"
+ <td><img width="256" height="91"
alt="Example anim01 - at zero seconds"
src="images/animate/anim01a.png" /> <span
class="table-heading-1">At zero seconds</span></td>
- <td width="20"> </td>
- <td width="256"><img width="256" height="91"
+ <td> </td>
+ <td><img width="256" height="91"
alt="Example anim01 - at three seconds"
src="images/animate/anim01b.png" /> <span
class="table-heading-1">At three seconds</span></td>
</tr>
<tr>
- <td width="256"><img width="256" height="91"
+ <td><img width="256" height="91"
alt="Example anim01 - at six seconds"
src="images/animate/anim01c.png" /> <span
class="table-heading-1">At six seconds</span></td>
- <td width="20"> </td>
- <td width="256"><img width="256" height="91"
+ <td> </td>
+ <td><img width="256" height="91"
alt="Example anim01 - at nine seconds"
src="images/animate/anim01d.png" /> <span
class="table-heading-1">At nine seconds</span></td>
</tr>
</table>
</div>
<p class="view-as-svg"><a href="images/animate/anim01.svg">View
this example as SVG (SVG-enabled browsers only)</a></p>
@@ -1281,37 +1281,37 @@ interpolation method between discrete va
the <a>'keySplines'</a> attribute defines.
Another way of describing
this is that the horizontal axis is the input <em>unit
time</em> for the interval, and the vertical axis is the
output <em>unit time</em>. See also the section <a
href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#TimingAndRealWorldClockTime">
Timing and real-world clock times</a>.</p>
<div class="example">
- <table summary="examples of keySplines" style="border-collapse:separate; border-spacing: 20px;">
- <caption align="bottom">
+ <table style="border-collapse:separate; border-spacing: 20px;">
+ <caption>
Examples of <span class="attr-name">keySplines</span>
</caption>
<tr>
- <td width="250"><img class="bordered" width="250" height="250"
+ <td><img class="bordered" width="250" height="250"
alt="Example keySplines01 - keySplines of 0 0 1 1 (the default)"
src="images/animate/keySplines01.svg" /> <span
class="table-heading-1">keySplines="0 0 1 1"
(the default)</span></td>
- <td width="250"><img class="bordered" width="250" height="250"
+ <td><img class="bordered" width="250" height="250"
alt="Example keySplines01 - keySplines of .5 0 .5 1"
src="images/animate/keySplines02.svg" /> <span
class="table-heading-1">keySplines=".5 0 .5 1"</span></td>
</tr>
<tr>
- <td width="250"><img class="bordered" width="250" height="250"
+ <td><img class="bordered" width="250" height="250"
alt="Example keySplines01 - keySplines of 0 .75 .25 1"
src="images/animate/keySplines03.svg" /> <span
class="table-heading-1">keySplines="0 .75 .25 1"</span></td>
- <td width="250"><img class="bordered" width="250" height="250"
+ <td><img class="bordered" width="250" height="250"
alt="Example keySplines01 - keySplines of 1 0 .25 .25"
src="images/animate/keySplines04.svg" /><span
class="table-heading-1">keySplines="1 0 .25 .25"</span></td>
</tr>
</table>
<p>To illustrate the calculations, consider the simple
example:</p>
@@ -1793,18 +1793,17 @@ In particular, see <a href="http://www.w
agent's <a href="paths.html#DistanceAlongAPath">distance along
the path</a> algorithm.</p>
<div class="example">
<p>The following example demonstrates the supplemental
transformation matrices that are computed during a motion path
animation.</p>
- <a id="ExampleAnimMotion01" name="ExampleAnimMotion01"></a>
- <p><span class="example-ref">Example animMotion01</span> shows
+ <p id="ExampleAnimMotion01"><span class="example-ref">Example animMotion01</span> shows
a triangle moving along a motion path.</p>
<pre><![CDATA[
<?xml version="1.0" standalone="no"?>
<svg width="5cm" height="3cm" viewBox="0 0 500 300"
xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink" >
<desc>Example animMotion01 - demonstrate motion animation computations</desc>
<rect x="1" y="1" width="498" height="298"
@@ -1823,34 +1822,32 @@ In particular, see <a href="http://www.w
fill="yellow" stroke="red" stroke-width="7.06" >
<!-- Define the motion path animation -->
<animateMotion dur="6s" repeatCount="indefinite" rotate="auto" >
<mpath xlink:href="#path1"/>
</animateMotion>
</path>
</svg>
]]></pre>
- <table summary="Example animMotion01">
- <caption align="bottom">
+ <table >
+ <caption>
Example animMotion01
</caption>
<tr>
- <td width="144"><img width="144" height="91"
+ <td><img width="144" height="91"
alt="Example animMotion01 - at zero seconds"
- src="images/animate/animMotion01a.png" /> <span
+ src="images/animate/animMotion01a.png" /><br/><span
class="table-heading-1">At zero seconds</span></td>
- <td width="20"> </td>
- <td width="144"><img width="144" height="91"
+ <td><img width="144" height="91"
alt="Example animMotion01 - at three seconds"
- src="images/animate/animMotion01b.png" /> <span
+ src="images/animate/animMotion01b.png" /> <br/><span
class="table-heading-1">At three seconds</span></td>
- <td width="20"> </td>
- <td width="144"><img width="144" height="91"
+ <td><img width="144" height="91"
alt="Example animMotion01 - at six seconds"
- src="images/animate/animMotion01c.png" /> <span
+ src="images/animate/animMotion01c.png" /> <br/><span
class="table-heading-1">At six seconds</span></td>
</tr>
</table>
<p class="view-as-svg"><a
href="images/animate/animMotion01.svg">View this example as SVG
(SVG-enabled browsers only)</a></p>
<p>The following table shows the supplemental transformation
matrices that are applied to achieve the effect of the motion
@@ -2417,35 +2414,33 @@ using the DOM.</p>
fill="none" stroke="blue" stroke-width="2"/>
<g transform="translate(50,150)" fill="red" font-size="7">
<text id="TextElement">SVG</text>
</g>
</svg>
]]></pre>
<div class="figure">
-<table summary="Example dom01">
- <caption align="bottom">
+<table >
+ <caption>
Example dom01
</caption>
<tr>
- <td width="151"><img width="151" height="76"
+ <td><img width="151" height="76"
alt="Example dom01 - at zero seconds"
- src="images/animate/dom01a.png" /> <span
- class="table-heading-1">At zero seconds</span></td>
- <td width="20"> </td>
- <td width="151"><img width="151" height="76"
+ src="images/animate/dom01a.png" /> <br/>
+ At zero seconds</td>
+ <td><img width="151" height="76"
alt="Example dom01 - at three seconds"
- src="images/animate/dom01b.png" /> <span
- class="table-heading-1">At 2.5 seconds</span></td>
- <td width="20"> </td>
- <td width="151"><img width="151" height="76"
+ src="images/animate/dom01b.png" /> <br/>
+ At 2.5 seconds</td>
+ <td><img width="151" height="76"
alt="Example dom01 - at six seconds"
- src="images/animate/dom01c.png" /> <span
- class="table-heading-1">At five seconds</span></td>
+ src="images/animate/dom01c.png" /> <br/>
+ At five seconds</td>
</tr>
</table>
</div>
<p class="view-as-svg"><a href="images/animate/dom01.svg">View
this example as SVG (SVG-enabled browsers only)</a></p>
<p>The above SVG file contains a single graphics element, a
diff --git a/master/attindex.html b/master/attindex.html
--- a/master/attindex.html
+++ b/master/attindex.html
@@ -34,17 +34,17 @@ may be specified is also given.</p>
<a>property</a> there exists a corresponding <a>presentation attribute</a>.
The table below lists the presentation attributes and the elements on which
they may be specified.</p>
<p class="issue">Since the plan is to allow all SVG elements to be stylable,
we will likely allow all presentation attributes on all SVG elements, and this
table can then be removed.</p>
-<table class='proptable attrtable' summary='List of presentation attributes and the elements on which they may be specified'>
+<table class='proptable attrtable'>
<thead>
<tr>
<th>Presentation attributes</th>
<th>Elements on which the attributes may be specified</th>
</tr>
</thead>
<tbody>
<tr>
diff --git a/master/color.html b/master/color.html
--- a/master/color.html
+++ b/master/color.html
@@ -649,18 +649,17 @@ child elements.</p>
<p>The following are the descriptors for a <color-profile-description>:</p>
<div class="propdef">
<dl>
<dt id="ColorProfileSrcProperty"><span class="descdef-title property">'src'</span></dt>
<dd>
<table
- summary="src descriptor definition for @color-profile"
- class="propinfo" cellspacing="0" cellpadding="0">
+ class="propinfo" >
<tr>
<td><em>Values:</em></td>
<td>sRGB | <local-profile> | <a
href="types.html#DataTypeIRI"><iri></a> |
(<local-profile> <a
href="types.html#DataTypeIRI"><iri></a>) | <a
class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
@@ -719,18 +718,17 @@ child elements.</p>
is used.</dd>
</dl>
<div class="propdef">
<dl>
<dt id="ColorProfileNameProperty"><span class="descdef-title property">'name'</span></dt>
<dd>
<table
- summary="name descriptor definition for @color-profile"
- class="propinfo" cellspacing="0" cellpadding="0">
+ class="propinfo" >
<tr>
<td><em>Values:</em></td>
<td><a><identifier></a></td>
</tr>
<tr>
<td><em>Initial:</em></td>
<td>undefined</td>
</tr>
@@ -751,32 +749,31 @@ child elements.</p>
definition.</dd>
</dl>
<div class="propdef">
<dl>
<dt id="RenderingIntentProperty"><span class="descdef-title property">'rendering-intent'</span></dt>
<dd>
<table
- summary="rendering-intent descriptor definition for @color-profile"
- class="propinfo" cellspacing="0" cellpadding="0">
+ class="propinfo" >
<tr>
<td><em>Values:</em></td>
<td>auto | perceptual | relative-colorimetric |<br />
saturation | absolute-colorimetric</td>
</tr>
<tr>
<td><em>Initial:</em></td>
<td>auto</td>
</tr>
<tr>
<td><em>Media:</em></td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>no</td>
</tr>
</table>
</dd>
</dl>
</div>
diff --git a/master/concepts.html b/master/concepts.html
--- a/master/concepts.html
+++ b/master/concepts.html
@@ -195,17 +195,17 @@ common in existing Web graphics to be ex
<h2 id="UsageOptions">Options for using SVG in Web pages</h2>
<p>There are a variety of ways in which SVG content can be
included within a Web page. Here are some of the options:</p>
<dl>
<dt>A stand-alone SVG Web page</dt>
<dd>In this case, an SVG document (i.e., a Web resource whose
- MIME type is "<tt>image/svg+xml</tt>") is loaded directly
+ MIME type is "<code>image/svg+xml</code>") is loaded directly
into a user agent such as a Web browser. The SVG document is
the Web page that is presented to the user.</dd>
<dt>Embedding by reference</dt>
<dd>In this case, a parent Web page references a separately
stored SVG document and specifies that the given SVG
document should be embedded as a component of the parent
Web page. For HTML or XHTML, here are three options:
diff --git a/master/coords.html b/master/coords.html
--- a/master/coords.html
+++ b/master/coords.html
@@ -415,18 +415,18 @@ viewport.</p>
<path fill="red" d="M 750,100 L 250,900 L 1250,900 z"/>
<!-- A text string that spans most of the viewport -->
<text x="100" y="600" font-size="200" font-family="Verdana" >
Stretch to fit
</text>
</svg>
</pre>
-<table summary="Example ViewBox">
- <caption align="bottom">
+<table >
+ <caption>
Example ViewBox
</caption>
<tr>
<th>Rendered into<br />
viewport with<br />
width=300px,<br />
height=200px</th>
<th> </th>
@@ -998,17 +998,17 @@ values specified in percentage units are
<h2 id="ObjectBoundingBoxUnits">Object bounding box units</h2>
<p id="ObjectBoundingBox">The following elements offer the option of expressing
coordinate values and lengths as fractions (and, in some cases,
percentages) of the <a>bounding box</a>,
by setting a specified attribute to <span class="attr-value">'objectBoundingBox'</span>
on the given element:</p>
-<table class='vert' summary="Object bounding box units rules">
+<table class='vert'>
<tr>
<th>Element</th>
<th>Attribute</th>
<th>Effect</th>
</tr>
<tr>
<edit:with element='linearGradient'>
<td><a>'linearGradient'</a></td>
diff --git a/master/implnote.html b/master/implnote.html
--- a/master/implnote.html
+++ b/master/implnote.html
@@ -344,20 +344,20 @@ values ensures that:</p>
remains continuous.</li>
</ul>
<h3 id="ArcParameterizationAlternatives">Parameterization alternatives</h3>
<p>An arbitrary point (<var>x</var>, <var>y</var>) on the elliptical
arc can be described by the 2-dimensional matrix equation:</p>
-<table summary="equation F.6.3.1" width="90%" border="0"
-cellspacing="0" cellpadding="0">
+<table style="width: 90%"
+>
<tr>
- <td valign="top">
+ <td>
<math xmlns="http://www.w3.org/1998/Math/MathML">
<mrow>
<mo>(</mo>
<mtable>
<mtr><mtd><mi>x</mi></mtd></mtr>
<mtr><mtd><mi>y</mi></mtd></mtr>
</mtable>
<mo>)</mo>
@@ -390,17 +390,17 @@ cellspacing="0" cellpadding="0">
<mtable>
<mtr><mtd><msub><mi>c</mi><mi>x</mi></msub></mtd></mtr>
<mtr><mtd><msub><mi>c</mi><mi>y</mi></msub></mtd></mtr>
</mtable>
<mo>)</mo>
</mrow>
</math>
</td>
- <td align="right">(F.6.3.1)</td>
+ <td style="text-align: right">(F.6.3.1)</td>
</tr>
</table>
<p>(<var>c<sub>x</sub></var>, <var>c<sub>y</sub></var>) are
the coordinates of the center of the ellipse.</p>
<p><var>r<sub>x</sub></var> and <var>r<sub>y</sub></var>
are the radii of the ellipse (also known as its semi-major and
@@ -458,41 +458,40 @@ parameterization and endpoint parameteri
<var>x</var><sub>2</sub>
<var>y</var><sub>2</sub>
<var>f<sub>A</sub></var>
<var>f<sub>S</sub></var>
</p>
<p>This can be achieved using the following formulas:</p>
-<table summary="elliptical arc formulas" width="90%" border="0"
-cellspacing="8" cellpadding="0">
+<table style="width: 90%">
<tr>
- <td valign="top"><img
+ <td><img
alt="Equation F.6.4.1"
src="images/implnote/arcs/image004.png" /></td>
- <td align="right">(F.6.4.1)</td>
+ <td style="text-align: right">(F.6.4.1)</td>
</tr>
<tr>
- <td valign="top"><img
+ <td><img
alt="Equation F.6.4.2"
src="images/implnote/arcs/image006.png" /></td>
- <td align="right">(F.6.4.2)</td>
+ <td style="text-align: right">(F.6.4.2)</td>
</tr>
<tr>
- <td valign="top"><img
+ <td><img
alt="Equation F.6.4.3"
src="images/implnote/arcs/image008.png" /></td>
- <td align="right">(F.6.4.3)</td>
+ <td style="text-align: right">(F.6.4.3)</td>
</tr>
<tr>
- <td valign="top"><img
+ <td><img
alt="Equation F.6.4.4"
src="images/implnote/arcs/image010.png" /></td>
- <td align="right">(F.6.4.4)</td>
+ <td style="text-align: right">(F.6.4.4)</td>
</tr>
</table>
<h3 id="ArcConversionEndpointToCenter">Conversion from endpoint to center parameterization</h3>
<p>Given the following variables:</p>
<p class='indented separated'>
@@ -524,90 +523,90 @@ a rotation to line up the coordinate axe
All transformed coordinates will be written with primes. They are
computed as intermediate values on the way toward finding the required
center parameterization variables. This procedure consists of the
following steps:</p>
<ul>
<li>
<p><em>Step 1: Compute</em> (<var>x</var><sub>1</sub>′, <var>y</var><sub>1</sub>′)</p>
- <table summary="elliptical arc formulas" width="90%" border="0"
- cellspacing="0" cellpadding="0">
+ <table style="width: 90%"
+ >
<tr>
- <td valign="top"><img
+ <td><img
alt="Equation F.6.5.1"
src="images/implnote/arcs/image012.png" /></td>
- <td align="right">(F.6.5.1)</td>
+ <td style="text-align: right">(F.6.5.1)</td>
</tr>
</table>
</li>
<li>
<p><em>Step 2: Compute</em> (<var>c<sub>x</sub></var>′, <var>c<sub>y</sub></var>′)</p>
- <table summary="elliptical arc formulas" width="90%" border="0"
- cellspacing="0" cellpadding="0">
+ <table style="width: 90%"
+ >
<tr>
- <td valign="top"><img
+ <td><img
alt="Equation F.6.5.2"
src="images/implnote/arcs/image014.png" /></td>
- <td align="right">(F.6.5.2)</td>
+ <td style="text-align: right">(F.6.5.2)</td>
</tr>
</table>
<p>where the + sign is chosen if <var>f<sub>A</sub></var> ≠<var>f<sub>S</sub></var>, and
the − sign is chosen if <var>f<sub>A</sub></var> = <var>f<sub>S</sub></var>.</p>
</li>
<li>
<p><em>Step 3: Compute</em> (<var>c<sub>x</sub></var>, <var>c<sub>y</sub></var>)
<em>from</em> (<var>c<sub>x</sub></var>′, <var>c<sub>y</sub></var>′)</p>
- <table summary="elliptical arc formulas" width="90%" border="0"
- cellspacing="0" cellpadding="0">
+ <table style="width: 90%"
+ >
<tr>
- <td valign="top"><img
+ <td><img
alt="Equation F.6.5.3"
src="images/implnote/arcs/image016.png" /></td>
- <td align="right">(F.6.5.3)</td>
+ <td style="text-align: right">(F.6.5.3)</td>
</tr>
</table>
</li>
<li>
<p><em>Step 4: Compute</em> <var>θ</var><sub>1</sub> and Δ<var>θ</var></p>
<p>In general, the angle between two vectors
(<var>u<sub>x</sub></var>, <var>u<sub>y</sub></var>)
and (<var>v<sub>x</sub></var>, <var>v<sub>y</sub></var>) can be computed as</p>
- <table summary="elliptical arc formulas" width="90%" border="0"
- cellspacing="0" cellpadding="0">
+ <table style="width: 90%"
+ >
<tr>
- <td valign="top"><img
+ <td><img
alt="Equation F.6.5.4"
src="images/implnote/arcs/image018.png" /></td>
- <td align="right">(F.6.5.4)</td>
+ <td style="text-align: right">(F.6.5.4)</td>
</tr>
</table>
<p>where the ± sign appearing here is the sign of
<var>u<sub>x</sub></var> <var>v<sub>y</sub></var> − <var>u<sub>y</sub></var> <var>v<sub>x</sub></var>.</p>
<p>This angle function can be used to express <var>θ</var><sub>1</sub> and
Δ<var>θ</var> as follows:</p>
- <table summary="elliptical arc formulas" width="90%" border="0"
- cellspacing="0" cellpadding="0">
+ <table style="width: 90%"
+ >
<tr>
- <td valign="top"><img
+ <td><img
alt="Equation F.6.5.5"
src="images/implnote/arcs/image020.png" /></td>
- <td align="right">(F.6.5.5)</td>
+ <td style="text-align: right">(F.6.5.5)</td>
</tr>
<tr>
- <td valign="top"><img
+ <td><img
alt="Equation F.6.5.6"
src="images/implnote/arcs/image022.png" /></td>
- <td align="right">(F.6.5.6)</td>
+ <td style="text-align: right">(F.6.5.6)</td>
</tr>
</table>
<p>where <var>θ</var><sub>1</sub> is fixed in the range
−360° < Δ<var>θ</var> < 360° such that:</p>
<p class='indented'>if <var>f<sub>S</sub></var> = 0, then Δ<var>θ</var> < 0,</p>
<p class='indented'>else if <var>f<sub>S</sub></var> = 1, then Δ<var>θ</var> > 0.</p>
@@ -635,52 +634,52 @@ steps:</p>
this as a straight line from (<var>x</var><sub>1</sub>, <var>y</var><sub>1</sub>)
to (<var>x</var><sub>2</sub>, <var>y</var><sub>2</sub>) and stop. Otherwise,</p>
</li>
<li>
<p><em>Step 2: Ensure radii are positive</em></p>
<p>Take the absolute value of <var>r<sub>x</sub></var> and
<var>r<sub>y</sub></var>:</p>
- <table summary="elliptical arc formulas" width="90%" border="0"
- cellspacing="0" cellpadding="0">
+ <table style="width: 90%"
+ >
<tr>
- <td valign="top"><img
+ <td><img
alt="Equation F.6.6.1"
src="images/implnote/arcs/image024.png" /></td>
- <td align="right">(F.6.6.1)</td>
+ <td style="text-align: right">(F.6.6.1)</td>
</tr>
</table>
</li>
<li>
<p><em>Step 3: Ensure radii are large enough</em></p>
<p>Using the primed coordinate values of equation (F.6.5.1),
compute</p>
- <table summary="elliptical arc formulas" width="90%" border="0"
- cellspacing="0" cellpadding="0">
+ <table style="width: 90%"
+ >
<tr>
- <td valign="top"><img
+ <td><img
alt="Equation F.6.6.2"
src="images/implnote/arcs/image026.png" /></td>
- <td align="right">(F.6.6.2)</td>
+ <td style="text-align: right">(F.6.6.2)</td>
</tr>
</table>
<p>If the result of the above equation is less than or equal to
1, then no further change need be made to <var>r<sub>x</sub></var>
and <var>r<sub>y</sub></var>. If
the result of the above equation is greater than 1, then make
the replacements</p>
- <table summary="elliptical arc formulas" width="90%" border="0"
- cellspacing="0" cellpadding="0">
+ <table style="width: 90%"
+ >
<tr>
- <td valign="top"><img
+ <td><img
alt="Equation F.6.6.3"
src="images/implnote/arcs/image028.png" /></td>
- <td align="right">(F.6.6.3)</td>
+ <td style="text-align: right">(F.6.6.3)</td>
</tr>
</table>
</li>
<li>
<p><em>Step 4: Proceed with computations</em></p>
<p>Proceed with the remaining elliptical arc computations, such
as those in section F.6.5. Note: As a consequence of the
diff --git a/master/index.html b/master/index.html
--- a/master/index.html
+++ b/master/index.html
@@ -19,18 +19,20 @@
<h1 id="pagetitle">Scalable Vector Graphics (SVG) 2</h1>
<h2 id="pagesubtitle">W3C <edit:maturity/> <em><edit:date/></em></h2>
<dl>
<dt>This version:</dt>
<dd><edit:thisversion/></dd>
<dt>Latest version:</dt>
<dd><edit:latestversion/></dd>
<edit:includelatesteditorsdraft/>
+ <!--
<dt>Previous version:</dt>
<dd><edit:previousversion/></dd>
+ -->
<dt>Single page version:</dt>
<dd><edit:thisversion single-page="true"/></dd>
<dt>Public comments:</dt>
<dd><a href="mailto:www-svg@w3.org" class='url'>www-svg@w3.org</a> (<a href="http://lists.w3.org/Archives/Public/www-svg/">archive</a>)</dd>
<dt class="top-editors">Editors:</dt>
<dd>Nikos Andronikos, Canon, Inc. <<a href="mailto:nikos.andronikos@cisra.canon.com.au" class='url'>nikos.andronikos@cisra.canon.com.au</a>></dd>
<dd>Tavmjong Bah, Invited Expert <<a href="mailto:tavmjong@free.fr" class='url'>tavmjong@free.fr</a>></dd>
<dd>Brian Birtles, Mozilla Japan <<a href="mailto:birtles@mozilla-japan.org" class='url'>birtles@mozilla-japan.org</a>></dd>
diff --git a/master/interact.html b/master/interact.html
--- a/master/interact.html
+++ b/master/interact.html
@@ -184,17 +184,17 @@ that can be attached to elements in the
<p>Requirements in the table on whether an event of a given type
bubbles or is cancelable apply only to events that are created and
dispatched by the user agent. Events of those types created from script
using the <code>createEvent</code> method on the <a>Document</a> interface can be made to bubble
or be cancelable with the
<a class='idlattr' href='http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-Event-initEvent'>initEvent</a>
method.</p>
- <table summary="Complete list of SVG events" class="vert event-table">
+ <table class="vert event-table">
<tr>
<th>Event name and description</th>
<th>DOM2 name</th>
<th>DOM2 category</th>
<th>Event attribute name</th>
</tr>
<tr>
<td id="FocusInEvent"><p class="event-name"><strong>focusin</strong></p>
@@ -696,17 +696,17 @@ DOM event, is as follows:</p>
<li>If the event type is one which the user agent associates with the evocation
of special user-interface controls (e.g., a right-click or command-click
evoking a context menu), the user agent should evoke such user-agent-specific
behavior, such as presenting a context menu or controls to allow zooming and
panning of an SVG document fragment.</li>
</ol>
-<h2 id="PointerEvents">The <span class="property">'pointer-events'</span> property</h2>
+<h2 id="PointerEventsProp">The <span class="property">'pointer-events'</span> property</h2>
<p>In different circumstances, authors may want to control
under what conditions particular graphic elements can become
the target of pointer events. For example, the author might
want a given element to receive pointer events only when the
pointer is over the stroked perimeter of a given shape. In
other cases, the author might want a given element to ignore
pointer events under all circumstances so that graphical
diff --git a/master/intro.html b/master/intro.html
--- a/master/intro.html
+++ b/master/intro.html
@@ -57,17 +57,17 @@ available, or making an alternative vers
alternative format which conveys the higher-level information,
or by using SVG's facilities to include the higher-level
information within the SVG content. For suggested techniques in
achieving greater accessibility, see
<a href="access.html">Accessibility</a>.</p>
<h2 id="MIMEType">SVG MIME type, file name extension and Macintosh file type</h2>
-<p>The MIME type for SVG is "<tt>image/svg+xml</tt>" (see
+<p>The MIME type for SVG is "<code>image/svg+xml</code>" (see
<a href="http://www.ietf.org/rfc/rfc3023.txt"><cite>XML Media Types</cite></a>
[<a href="refs.html#ref-RFC3023">RFC3023</a>]). The
registration of this MIME type is in progress at the W3C.</p>
<p>It is recommended that SVG files have the extension
<code>".svg"</code> (all lowercase) on all platforms. It is
recommended that <a href="http://www.ietf.org/rfc/rfc1952.txt">gzip-compressed</a>
[<a href="refs.html#ref-RFC1952">RFC1952</a>]
diff --git a/master/linking.html b/master/linking.html
--- a/master/linking.html
+++ b/master/linking.html
@@ -238,49 +238,46 @@ of the <a href="http://www.ietf.org/rfc/
in this matter and imposes no such conformance testing
requirement on SVG applications.</p>
<p>If the <a>IRI reference</a> is relative, its absolute version must be computed by the method described in
<a href="http://www.w3.org/TR/xmlbase/">XML Base</a> before use [<a href="refs.html#ref-XML-BASE">XML-BASE</a>].</p>
<div class="adef-list">
<dl>
- <dt><a id="XLinkTypeAttribute"
- name="XLinkTypeAttribute"></a> <span
+ <dt><a id="XLinkTypeAttribute" ></a> <span
class="adef">xlink:type</span> = "<span
class="attr-value">simple</span>"</dt>
<dd><p>Identifies the type of XLink being used. In SVG 1.1, only
simple links are available.
Links are simple links by default,
so the attribute <span
class="attr-value">xlink:type="simple"</span>
is optional and may be omitted on simple links.
Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
<p class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
no.</p></dd>
- <dt><a id="XLinkRoleAttribute"
- name="XLinkRoleAttribute"></a> <span
+ <dt><a id="XLinkRoleAttribute" ></a> <span
class="adef">xlink:role</span> = "<span
class="attr-value"><a
href="types.html#DataTypeIRI"><IRI></a></span>"</dt>
<dd><p>An optional <a>IRI reference</a> that identifies some resource that describes
the intended property. The value must be an <a>IRI reference</a> as
defined in [<a
href="http://www.ietf.org/rfc/rfc3987.txt">RFC3987</a>],
except that if the <a>IRI</a> scheme used is allowed to have
absolute and relative forms, the <a>IRI</a> portion must be
absolute. When no value is supplied, no particular role
value shall be inferred.
Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
<p class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
no.</p></dd>
- <dt><a id="XLinkArcRoleAttribute"
- name="XLinkArcRoleAttribute"></a> <span
+ <dt><a id="XLinkArcRoleAttribute" ></a> <span
class="adef">xlink:arcrole</span> = "<span
class="attr-value"><a
href="types.html#DataTypeIRI"><IRI></a></span>"</dt>
<dd><p>An optional <a>IRI reference</a> that identifies some resource that describes
the intended property. The value must be an <a>IRI reference</a> as
defined in [<a
href="http://www.ietf.org/rfc/rfc3987.txt">RFC3987</a>],
except that if the <a>IRI</a> scheme used is allowed to have
@@ -296,18 +293,17 @@ requirement on SVG applications.</p>
arc. For example, a resource might generically represent a
"person," but in the context of a particular arc it might
have the role of "mother" and in the context of a different
arc it might have the role of "daughter."
Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
<p class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
no.</p></dd>
- <dt><a id="XLinkTitleAttribute"
- name="XLinkTitleAttribute"></a> <span
+ <dt><a id="XLinkTitleAttribute" ></a> <span
class="adef">xlink:title</span> = "<span
class="attr-value"><a href="types.html#DataTypeAnything"><anything></a></span>"</dt>
<dd><p>The title attribute shall be used to describe the meaning of
a link or resource in a human-readable fashion, along the
same lines as the role or arcrole attribute. A value is
optional; if a value is supplied, it shall contain a
string that describes the resource. In general it is preferable
to use a <a href="struct.html#TitleElement"><span class="element-name">'title'</span></a> child element
@@ -317,18 +313,17 @@ requirement on SVG applications.</p>
available to applications used by visually impaired users,
or to create a table of links, or to present help text that
appears when a user lets a mouse pointer hover over a
starting resource.
Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
<p class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
no.</p></dd>
- <dt><a id="XLinkShowAttribute"
- name="XLinkShowAttribute"></a> <span
+ <dt><a id="XLinkShowAttribute" ></a> <span
class="adef">xlink:show</span> = "<span
class="attr-value">new</span>' |
'<span
class="attr-value">replace</span>' |
'<span
class="attr-value">embed</span>' |
'<span
class="attr-value">other</span>' |
@@ -337,18 +332,17 @@ requirement on SVG applications.</p>
<dd><p>This attribute is provided for backwards compatibility with SVG
1.1. It provides documentation to XLink-aware processors. In
case of a conflict, the target attribute has priority, since it can
express a wider range of values.
Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
<p class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
no.</p></dd>
- <dt><a id="XLinkActuateAttribute"
- name="XLinkActuateAttribute"></a> <span
+ <dt><a id="XLinkActuateAttribute" ></a> <span
class="adef">xlink:actuate</span> = "<span
class="attr-value">onLoad</span>'</dt>
<dd><p>This attribute is provided for backwards compatibility with SVG
1.1. It provides documentation to XLink-aware processors.
Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
<p class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
no.</p></dd>
@@ -410,18 +404,17 @@ or frame to be replaced by the W3C home
<div id="AElement">
<edit:elementsummary name='a'/>
</div>
<div class="adef-list">
<p><em>Attribute definitions:</em></p>
<dl>
- <dt><a id="XLinkShowAttribute2"
- name="XLinkShowAttribute2"></a> <span
+ <dt><a id="XLinkShowAttribute2" ></a> <span
class="adef">xlink:show</span> = "<span
class="attr-value">new</span>" |
"<span
class="attr-value">replace</span>" </dt>
<dd><p>This attribute provides documentation to XLink-aware processors. If
<span class="attr-value">target="_blank"</span> then use
<span class="attr-value">xlink:show="new"</span> else use
<span class="attr-value">'replace'</span>. In
diff --git a/master/masking.html b/master/masking.html
--- a/master/masking.html
+++ b/master/masking.html
@@ -1071,17 +1071,17 @@ to a particular range</a> for details.</
<div class="example">
<p>The following example illustrates various usage of the <a>'opacity'</a>
property on objects and groups.</p>
<edit:includefile href='images/masking/opacity01.svg'/>
<div class='figure'>
- <img class='bordered' src='images/masking/opacity01.svg'/>
+ <img class='bordered' src='images/masking/opacity01.svg' alt='Image showing different groups of circles blended into the background.'/>
<p class='caption'>Each group of red and green circles is first rendered
to an offscreen image before being blended with the background
blue rectangle as a whole, with the given <a>'opacity'</a> values.</p>
</div>
<p>In the example, the top row of circles have differing opacities,
ranging from 1.0 to 0.2. The bottom row illustrates five <a>'g'</a> elements,
each of which contains overlapping red and green circles, as follows:</p>
diff --git a/master/mimereg.html b/master/mimereg.html
--- a/master/mimereg.html
+++ b/master/mimereg.html
@@ -144,17 +144,17 @@ Additional information:</dt>
compressed with gzip.</p></dd>
<dt>Macintosh file type code(s):</dt>
<dd>"svg " (all lowercase, with a space character as the
fourth letter).
<p>Note that the Macintosh file type code 'svgz' (all lowercase) is used as an alias for GZIP
<cite>[<a href="refs.html#ref-RFC1952">RFC1952</a>]</cite> compressed "svg ", <em>i.e.</em>
octet streams of type image/svg+xml, subsequently compressed with gzip.</p></dd>
<dt>Macintosh Universal Type Identifier code: </dt>
- <dd><tt>org.w3c.svg</tt> conforms to <tt>public.image</tt> and to <tt>public.xml</tt></dd>
+ <dd><code>org.w3c.svg</code> conforms to <code>public.image</code> and to <code>public.xml</code></dd>
<dt>Windows Clipboard Name:</dt>
<dd>"SVG Image"</dd>
<dt>Fragment Identifiers</dt>
<dd>For documents labeled as application/svg+xml, the fragment identifier
notation is either Shorthand Pointers (formerly called barenames) or
the SVG-specific <a href="linking.html#LinksIntoSVG">SVG Views</a> syntax;
both described in the <a href="linking.html#SVGFragmentIdentifiers">fragment
identifiers section of the SVG specification</a>.</dd>
diff --git a/master/minimize.html b/master/minimize.html
--- a/master/minimize.html
+++ b/master/minimize.html
@@ -57,17 +57,17 @@ specifications.</p>
</ul>
<p>Additionally, HTTP/1.1 allows for compressed data to be
passed from server to client, which can result in significant
file size reduction. Here are some sample compression results
using <a href="http://www.ietf.org/rfc/rfc1952.txt">gzip
compression</a> on SVG documents [<a href="refs.html#ref-RFC1952">RFC1952</a>]:</p>
-<table class='vert' summary="gzip compression results on SVG file sizes">
+<table class='vert'>
<tr style="text-align: center">
<th>Uncompressed
SVG</th>
<th>With gzip
compression</th>
<th>Compression
ratio</th>
</tr>
diff --git a/master/painting.html b/master/painting.html
--- a/master/painting.html
+++ b/master/painting.html
@@ -7,16 +7,32 @@
<link rel="stylesheet" title="Default" type="text/css" media="screen" href="style/default_no_maturity.css"/>
<link rel="alternate stylesheet" title="All annotations" type="text/css" media="screen" href="style/default_svg.css"/>
<link rel="alternate stylesheet" title="No issues/annotations" type="text/css" media="screen" href="style/default_no_issues.css"/>
<!--
<link rel="alternate stylesheet" title="CSS3 Unmodified" type="text/css" media="screen" href="style/default.css"/>
<link rel="alternate stylesheet" title="SVG 1.1" type="text/css" media="screen" href="style/svg-style.css"/>
-->
<!-- W3C style sheet will be added here during processing. -->
+<style type="text/css">
+table.propdef.attrdef { border-left-color: #888; border-left-width: 0; background-color: #eee; font-size: 90% }
+table.propdef.attrdef th, table.propdef.attrdef td { border-bottom-color: #ccc }
+
+table.propdef.attrdef th:first-child,
+table.propdef.attrdef td:first-child { width: 16em; padding-left: 0 !important }
+
+table.propdef.attrdef th:first-child + th,
+table.propdef.attrdef td:first-child + td { width: auto }
+
+table.propdef.attrdef th:first-child + th + th,
+table.propdef.attrdef td:first-child + td + td { width: 6em }
+
+table.propdef.attrdef th:first-child + th + th + th,
+table.propdef.attrdef td:first-child + td + td + td { width: 6em; padding-right: 0 !important }
+</style>
</head>
<body>
<h1>Painting: Filling, Stroking and Marker Symbols</h1>
<h2 id="Introduction">Introduction</h2>
<p><a>'path'</a> elements, <a>'text'</a> elements and <a href="shapes.html">basic shapes</a> can be
@@ -66,19 +82,18 @@ paint servers.</p>
<td>Chris (<a href="http://www.w3.org/Graphics/SVG/WG/track/actions/3094">ACTION-3094</a>)</td>
</tr>
</table>
</div>
<p>Properties <a>'fill'</a> and <a>'stroke'</a> take on a value of type
<span class="prop-value"><paint></span>, which is specified as follows:</p>
- <table summary="paint specification" cellspacing="0"
- cellpadding="0">
- <tr valign="baseline">
+ <table>
+ <tr>
<td><span
class="property"><paint></span>: </td>
<td><span class="prop-value">none |<br />
currentColor |<br />
<a href="types.html#DataTypeColor"><color></a>
[<a href="types.html#DataTypeICCColor"><icccolor></a>] |<br />
<a href="types.html#DataTypeFuncIRI"><funciri></a> [ none | currentColor | <a href="types.html#DataTypeColor"><color></a>
[<a href="types.html#DataTypeICCColor"><icccolor></a>] ] |<br />
@@ -1438,33 +1453,16 @@ bottom to top:</p>
<edit:elementsummary name='marker'/>
<p>The <a>'marker element'</a> element defines the graphics that are to
be used for drawing markers on a <a>markable element</a>.</p>
<p id="MarkerAttributes"><em>Attribute definitions:</em></p>
-<style>
-table.attrdef { border-left-color: #888; border-left-width: 0; background-color: #eee; font-size: 90% }
-table.attrdef th, table.attrdef td { border-bottom-color: #ccc }
-
-table.attrdef th:first-child,
-table.attrdef td:first-child { width: 16em; padding-left: 0 !important }
-
-table.attrdef th:first-child + th,
-table.attrdef td:first-child + td { width: auto }
-
-table.attrdef th:first-child + th + th,
-table.attrdef td:first-child + td + td { width: 6em }
-
-table.attrdef th:first-child + th + th + th,
-table.attrdef td:first-child + td + td + td { width: 6em; padding-right: 0 !important }
-</style>
-
<dl class="attrdef-list">
<dt>
<table class="propdef attrdef">
<tr>
<th>Name</th>
<th>Value</th>
<th>Lacuna value</th>
@@ -1792,17 +1790,18 @@ processed.</p>
<path d="M 3,3 L 7,7 M 3,7 L 7,3"
fill="none" stroke="black" stroke-width="2"/>
</marker>
</path>
</svg>
]]></pre>
<div class="figure">
- <img class="bordered" src="images/painting/markers-positioned.svg"/>
+ <img class="bordered" src="images/painting/markers-positioned.svg"
+ alt="Image showing the use of positioned markers."/>
<p class="caption">Child <a>'marker element'</a> elements are used to position
two square and two circular markers. The cross marker is defined inline
and does not need an ID.</p>
</div>
</div>
<h3 id="VertexMarkerProperties">Vertex markers: the <span class="property">'marker-start'</span>,
<span class="property">'marker-mid'</span> and <span class="property">'marker-end'</span>
@@ -1884,17 +1883,18 @@ refer to the first and last vertex of th
<div class="example">
<p>The following example shows a triangular marker symbol used as a
<a>vertex marker</a> to form an arrowhead at the end of a path.</p>
<edit:includefile href='images/painting/marker.svg'/>
<div class="figure">
- <img class="bordered" src="images/painting/marker.svg"/>
+ <img class="bordered" src="images/painting/marker.svg"
+ alt="Image showing the use of an automatically oriented marker."/>
<p class="caption">The triangle is placed at the end of the path and
oriented automatically so that it points in the right direction.</p>
</div>
</div>
<h3 id="SegmentMarkers">Segment markers: the <span class="property">'marker-segment'</span>
property</h3>
@@ -1986,17 +1986,18 @@ are:</p>
<!-- the graph line -->
<polyline points="50,100 100,20 150,50 200,130 250,80 300,170 350,100"
fill="none" stroke="deeppink" stroke-width="2"
marker="url(#Circle)" marker-segment="url(#Cross)"/>
</svg>
]]></pre>
<div class="figure">
- <img class="bordered" src="images/painting/markers-segment.svg"/>
+ <img class="bordered" src="images/painting/markers-segment.svg"
+ alt="Image showing the use of segment markers."/>
<p class="caption">Segment markers are used to place crosses at the center
of each line segment in the line graph.</p>
</div>
</div>
<h3 id="RepeatingMarkers">Repeating markers: the <span class="property">'marker-pattern'</span>
property</h3>
@@ -2096,17 +2097,18 @@ at its position.</p>
<path d="M 50,100 S 100,132 150,86 200,173 250,76 300,81
350,136 400,87 450,166 500,87 550,96"
stroke="deeppink" stroke-width="2" fill="none"
marker-pattern="40 url(#DoubleDash) 40 url(#SingleDash)"/>
</svg>
]]></pre>
<div class="figure">
- <img class="bordered" src="images/painting/markers-repeating.svg"/>
+ <img class="bordered" src="images/painting/markers-repeating.svg"
+ alt="Image showing the use of repeating markers."/>
<p class="caption">Markers specified with the <a>'marker-pattern'</a> property
are placed along the path at fixed distances, not relative to the path
vertices.</p>
</div>
</div>
<h3 id="MarkerShorthand">Marker shorthand: the <span class="property">'marker'</span>
property</h3>
@@ -2245,27 +2247,27 @@ knockout shapes is welcome.</p>
<tr>
<th><a>Animatable</a>:</th>
<td>yes</td>
</tr>
</table>
<p>where:</p>
-<p class="definition">
+<div class="definition">
<dfn id="DataTypeKnockoutOffset"><knockout-offset></dfn> =
<div style="margin-left: 4em">[ <a><length></a> | <a><percentage></a> ]</div>
-</p>
-
-<p class="definition">
+</div>
+
+<div class="definition">
<dfn id="DataTypeKnockoutShape"><knockout-shape></dfn> =
<div style="margin-left: 4em">[ <a><length></a> | <a><percentage></a> ] inverted? circle |</div>
<div style="margin-left: 4em">[ <a><length></a> | <a><percentage></a> ]{2} inverted? ellipse |</div>
<div style="margin-left: 4em">[ <a><length></a> | <a><percentage></a> ]{1,2} inverted? [ rectangle | triangle ]</div>
-</p>
+</div>
<p class="note">New in SVG 2. Added to allow authors to specify
parts of a stroke that should be clipped away when a marker is
placed on a path. This helps with arrowheads, where the stroke
must not be visible behind the pointy end, and with hollow markers
as seen in metro maps, where the center of a marker is transparent
and the stroke should not show through.</p>
@@ -2428,17 +2430,18 @@ triangle at -4px</span> for <a>'marker-k
<span class="prop-value">8px triangle</span> for <a>'marker-knockout-right'</a>
is allowed, as the two straight lines that form the left shape side do not intersect
with either of the two straight lines that form the right shape side.
However, using <span class="prop-value">8px triangle at -4px</span> for
both properties would obviously cause an intersection, and so would not
be allowed.</p>
<div class="figure">
- <img class="bordered" src="images/painting/knockout-shapes.svg" style="max-width: none"/>
+ <img class="bordered" src="images/painting/knockout-shapes.svg" style="max-width: none"
+ alt="Image showing various marker knockout shapes."/>
<p class="caption">An illustration of the use of inverted and non-inverted circle,
rectangle and triangle knockout shapes, at both 0px and 10px offsets.
The value beneath each pink stroke is used for both <a>'marker-knockout-left'</a>
and <a>'marker-knockout-right'</a>. (The marker itself here has no
content and does not render anything.)</p>
</div>
<div class="issue">
@@ -2629,17 +2632,17 @@ the following:</p>
<div class="annotation requirement">
<table>
<tr>
<th>SVG 2 Requirement:</th>
<td>Support control of the order of filling, stroke and painting markers on shapes.</td>
</tr>
<tr>
<th>Resolution:</th>
- <td><a href="http://www.w3.org/2012/05/07-svg-minutes#item05">SVG 2 will adopt the <span span="property">'paint-order'</span> property proposal, though possibly with a different name.</a></td>
+ <td><a href="http://www.w3.org/2012/05/07-svg-minutes#item05">SVG 2 will adopt the <span class="property">'paint-order'</span> property proposal, though possibly with a different name.</a></td>
</tr>
<tr>
<th>Purpose:</th>
<td>To address the common desire to paint strokes below fills without having to duplicate an element.</td>
</tr>
<tr>
<th>Owner:</th>
<td>Cameron (<a href="http://www.w3.org/Graphics/SVG/WG/track/actions/3285">ACTION-3285</a>)</td>
@@ -2738,17 +2741,18 @@ specified to render in that order?</p>
</style>
<text x="150" y="100" stroke-width="6px">pizazz</text>
<text x="450" y="100" stroke-width="12px" paint-order="stroke">pizazz</text>
</svg>
]]></pre>
<div class="figure">
- <img class="bordered" src="images/painting/paintorder.svg"/>
+ <img class="bordered" src="images/painting/paintorder.svg"
+ alt="Image showing the effect of paint-order."/>
<p class="caption">Text painted with its stroke below the fill.</p>
</div>
</div>
<div class="ready-for-wider-review">
<h2 id="ColorInterpolation">Color space for interpolation: the
<span class="property">'color-interpolation'</span> property</h2>
@@ -3329,17 +3333,18 @@ bounding box of the entire <a>'text'</a>
<div class="example">
<p>The following example shows how painting properties are inherited
from a <a>'g'</a> element to its child <a>'rect'</a> elements.</p>
<edit:includefile href="images/painting/inheritance.svg"/>
<div class="figure">
- <img class="bordered" src="images/painting/inheritance.svg"/>
+ <img class="bordered" src="images/painting/inheritance.svg"
+ alt="Image demonstrating the inheritance of painting properties."/>
<p class="caption">Both rectangles are filled with the same orange-to-yellow
gradient.</p>
</div>
</div>
</div>
<h2 id="DOMInterfaces">DOM interfaces</h2>
diff --git a/master/paths.html b/master/paths.html
--- a/master/paths.html
+++ b/master/paths.html
@@ -234,18 +234,17 @@ command.</p>
<p>The "moveto" commands (<strong>M</strong> or
<strong>m</strong>) establish a new current point. The effect
is as if the "pen" were lifted and moved to a new location. A
path data segment (if there is one) must begin with a "moveto"
command. Subsequent "moveto" commands (i.e., when the "moveto"
is not the first command) represent the start of a new
<em>subpath</em>:</p>
-<table summary="moveto command" class="PathDataTable"
-border="1" cellspacing="2" cellpadding="5">
+<table class="PathDataTable">
<tr>
<th>Command</th>
<th>Name</th>
<th>Parameters</th>
<th>Description</th>
</tr>
<tr>
<td><strong>M</strong> (absolute)<br />
@@ -288,18 +287,17 @@ of the subpath is "joined" with the star
segment of the subpath using the current value of <a>'stroke-linejoin'</a>.
If you instead "manually" close the subpath via a "lineto"
command, the start of the first segment and the end of the last
segment are not joined but instead are each capped using the
current value of <a>'stroke-linecap'</a>.
At the end of the command, the new current point is set to the
initial point of the current subpath.</p>
-<table summary="closepath command" class="PathDataTable"
-border="1" cellspacing="2" cellpadding="5">
+<table class="PathDataTable">
<tr>
<th>Command</th>
<th>Name</th>
<th>Parameters</th>
<th>Description</th>
</tr>
<tr>
<td><strong>Z</strong> or<br />
@@ -312,18 +310,17 @@ border="1" cellspacing="2" cellpadding="
</tr>
</table>
<h3 id="PathDataLinetoCommands">The <strong>"lineto"</strong> commands</h3>
<p>The various "lineto" commands draw straight lines from the
current point to a new point:</p>
-<table summary="lineto command" class="PathDataTable"
-border="1" cellspacing="2" cellpadding="5">
+<table class="PathDataTable">
<tr>
<th>Command</th>
<th>Name</th>
<th>Parameters</th>
<th>Description</th>
</tr>
<tr>
<td><strong>L</strong> (absolute)<br />
@@ -393,19 +390,17 @@ border="1" cellspacing="2" cellpadding="
arc commands</a> (<strong>A</strong> and <strong>a</strong>).
An elliptical arc segment draws a segment of an ellipse.</li>
</ul>
<h3 id="PathDataCubicBezierCommands">The cubic Bézier curve commands</h3>
<p>The cubic Bézier commands are as follows:</p>
-<table summary="cubic Bézier command"
-class="PathDataTable" border="1" cellspacing="2"
-cellpadding="5">
+<table class="PathDataTable">
<tr>
<th>Command</th>
<th>Name</th>
<th>Parameters</th>
<th>Description</th>
</tr>
<tr>
<td><strong>C</strong> (absolute)<br />
@@ -467,19 +462,17 @@ alt="Example cubic02 - cubic Bézier com
<p class="view-as-svg"><a href="images/paths/cubic02.svg">View
this example as SVG (SVG-enabled browsers only)</a><br />
</p>
<h3 id="PathDataQuadraticBezierCommands">The quadratic Bézier curve commands</h3>
<p>The quadratic Bézier commands are as follows:</p>
-<table summary="quadratic Bézier command"
-class="PathDataTable" border="1" cellspacing="2"
-cellpadding="5">
+<table class="PathDataTable">
<tr>
<th>Command</th>
<th>Name</th>
<th>Parameters</th>
<th>Description</th>
</tr>
<tr>
<td><strong>Q</strong> (absolute)<br />
@@ -545,18 +538,17 @@ command.</p>
<th>Owner:</th>
<td>Cameron (<a href="http://www.w3.org/Graphics/SVG/WG/track/actions/3151">ACTION-3151</a>)</td>
</tr>
</table>
</div>
<p>The elliptical arc commands are as follows:</p>
-<table summary="elliptical arc commands" class="PathDataTable"
-border="1" cellspacing="2" cellpadding="5">
+<table class="PathDataTable">
<tr>
<th>Command</th>
<th>Name</th>
<th>Parameters</th>
<th>Description</th>
</tr>
<tr>
<td><strong>A</strong> (absolute)<br />
diff --git a/master/propidx.html b/master/propidx.html
--- a/master/propidx.html
+++ b/master/propidx.html
@@ -18,17 +18,17 @@
<p class="normativity"><em>This appendix is informative, not normative.</em></p>
<p class='issue'>This table should not list properties defined in
other specifications.</p>
<!-- It would be great if this table were automatically generated, too. -->
- <table class='proptable' summary="list of all properties">
+ <table class='proptable'>
<thead>
<tr>
<th>Name</th>
<th>Values</th>
<th>Initial value</th>
<th>Applies to</th>
<th title='Inherited'>Inh.</th>
<th>Percentages</th>
diff --git a/master/publish.xml b/master/publish.xml
--- a/master/publish.xml
+++ b/master/publish.xml
@@ -8,25 +8,25 @@
<!--
Uncomment the publication date when it is time to publish on
http://www.w3.org/TR/. While an Editor's Draft, leave this
commented out and the last commit date will be used as the
document's date.
-->
<!--
- <publication-date>2012-08-21</publication-date>
+ <publication-date>2012-08-23</publication-date>
-->
<versions>
<cvs href='http://dvcs.w3.org/hg/svg2'/>
<cvs-single href='http://dvcs.w3.org/hg/svg2/raw-file/single-page.html'/>
- <this href='http://www.w3.org/TR/2012/WD-SVG2-20120821/'/>
- <this-single href='http://www.w3.org/TR/WD-SVG2-20120821/single-page.html'/>
- <previous href='http://www.w3.org/TR/2012/WD-SVG2-20120821/'/>
+ <this href='http://www.w3.org/TR/2012/WD-SVG2-20120823/'/>
+ <this-single href='http://www.w3.org/TR/WD-SVG2-20120823/single-page.html'/>
+ <previous href='http://www.w3.org/TR/2012/WD-SVG2-20120823/'/>
<latest href='http://www.w3.org/TR/SVG2/'/>
<latestrec href='http://www.w3.org/TR/SVG/'/>
</versions>
<definitions href='definitions.xml'/>
<definitions href='definitions-filters.xml' base='https://dvcs.w3.org/hg/FXTF/raw-file/tip/filters/index.html'/>
<interfaces idl='../build/svg.idlx'/>
diff --git a/master/refs.html b/master/refs.html
--- a/master/refs.html
+++ b/master/refs.html
@@ -48,16 +48,17 @@
<dd>
<cite class="w3crec"><a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a></cite>,
B. Bos, T. Çelik, I. Hickson, H. Lie, eds.
World Wide Web Consortium, 07 June 2011.
<br/>This edition of CSS 2.1 is http://www.w3.org/TR/2011/REC-CSS2-20110607/.
<br/>The <a href="http://www.w3.org/TR/CSS2/">latest edition of CSS 2</a> is available at
http://www.w3.org/TR/CSS2/.
</dd>
+</dl>
<dl class="references ready-for-wider-review">
<dt id="ref-CSS3COLOR" class="normref">[CSS3COLOR]</dt>
<dd>
<cite class="w3crec"><a href="http://www.w3.org/TR/2011/REC-css3-color-20110607/">CSS Color Module Level 3</a></cite>,
T. Çelik, C. Lilley, L. D. Baron, eds.
World Wide Web Consoritum, 07 June 2011.
<br/>This edition of CSS3 Color is http://www.w3.org/TR/2011/REC-css3-color-20110607/.
@@ -133,16 +134,17 @@
Values and Replaced Content Module Level 3</a></cite>,
E. Etemad, T. Atkins, eds.
World Wide Web Consortium, 17 April 2012.
<br/>The <a href="http://www.w3.org/TR/css3-images/">latest edition of CSS4 Images</a> is available at
http://www.w3.org/TR/css3-images/.
</dd>
</dl>
+<dl class="references">
<dt id="ref-DOM2EVENTS" class="normref">[DOM2EVENTS]</dt>
<dd>
<cite class="w3crec"><a href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/">Document Object Model (DOM) Level 2 Events Specification</a></cite>,
T. Pixley, ed.
World Wide Web Consortium, 13 November 2000.
<br/>This edition of DOM 2 Events is http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/.
<br/>The <a href="http://www.w3.org/TR/DOM-Level-2-Events/">latest edition of DOM 2 Events</a> is available at
http://www.w3.org/TR/DOM-Level-2-Events/.
diff --git a/master/script.html b/master/script.html
--- a/master/script.html
+++ b/master/script.html
@@ -115,18 +115,18 @@ If the <a>SVG user agent</a> does not su
</text>
</svg>
]]></pre>
<!--
It would be good to replace this markup with an <edit:example>, but that
currently doesn't support multiple images like this example needs.
-->
-<table summary="Example script01">
- <caption align="bottom">Example script01</caption>
+<table >
+ <caption>Example script01</caption>
<tbody>
<tr>
<td><img alt="Example script01 — invoke an ECMAScript function from an onclick event — before first click" src="images/script/script01.png"/> <img alt="Example script01 — invoke an ECMAScript function from an onclick event — after first click" src="images/script/script01-AfterClick.png"/></td>
</tr>
</tbody>
</table>
<p class="view-as-svg"><a href="images/script/script01.svg">View this example as SVG (SVG-enabled browsers only)</a></p>
diff --git a/master/struct.html b/master/struct.html
--- a/master/struct.html
+++ b/master/struct.html
@@ -1493,20 +1493,17 @@ document if British English is not avail
interface for setting user preferences should guide the user to
add "en" to get the best matching behavior.</p>
<p>Multiple languages MAY be listed for content that is
intended for multiple audiences. For example, content that is
presented simultaneously in the original Maori and English
versions, would call for:</p>
-<center>
- <code><text systemLanguage="mi, en"><!-- content
- goes here --></text></code>
-</center>
+<pre><text systemLanguage="mi, en"><!-- content goes here --></text></pre>
<p>However, just because multiple languages are present within
the object on which the <a>'systemLanguage'</a> test
attribute is placed, this does not mean that it is intended for
multiple linguistic audiences. An example would be a beginner's
language primer, such as "A First Lesson in Latin," which is
clearly intended to be used by an English-literate audience. In
this case, the <a>'systemLanguage'</a> test attribute
diff --git a/master/style/default_svg.css b/master/style/default_svg.css
--- a/master/style/default_svg.css
+++ b/master/style/default_svg.css
@@ -231,17 +231,17 @@ h2.contents { font-size: inherit; color:
#minitoc + ul.toc > li { margin: 0.75em 0 }
#minitoc + ul.toc > li.no-num { margin: 1.5em 0 }
/* Put more space around the chapter dividers than there is around section
headings. */
.chapter-divider { margin: 4em 0 }
/* An indented definition. */
-.definition { margin-left: 2em }
+.definition { margin-left: 2em; margin-top: 1em }
/* HTML-equivalent math for ATs. */
div[role="math"] > :first-child ~ * {
position: absolute;
width: 400px;
left: -10000px;
overflow: hidden;
}
@@ -318,8 +318,14 @@ table.proptable tbody td .property { dis
}
.proptable tbody th + td {
min-width: 15em;
}
table.attrtable tbody td:first-child { white-space: normal }
.attrtable tbody td, .attrtable tbody th { vertical-align: baseline }
.attrtable thead th:first-child + th, .attrtable tbody th + td { text-align: left }
+
+table > caption { caption-side: bottom }
+
+table.PathDataTable { border-spacing: 2px; border-style: outset; border-width: 1px }
+table.PathDataTable td,
+table.PathDataTable th { padding: 5px; border-style: inset; border-width: 1px }
diff --git a/master/styling.html b/master/styling.html
--- a/master/styling.html
+++ b/master/styling.html
@@ -1050,17 +1050,17 @@ that can contain character data content,
<a>'title'</a>
<a>'tspan'</a>,
<a>'tref'</a>,
<a>'altGlyph'</a> and
<a>'textPath'</a>.
On user agents that support aural style sheets, the following CSS 2.1
properties can be applied:</p>
- <table class='vert' summary="aural styling properties">
+ <table class='vert'>
<tr>
<th>Aural property</th>
<th>Definition in [<a href='refs.html#ref-CSS21'>CSS21</a>]</th>
</tr>
<tr>
<td id="AzimuthProperty"><span class="attr-name">'azimuth'</span></td>
<td><a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/aural.html#propdef-azimuth">Section A.8</a></td>
</tr>
diff --git a/master/svgdom.html b/master/svgdom.html
--- a/master/svgdom.html
+++ b/master/svgdom.html
@@ -540,17 +540,17 @@ strings.</p>
interfaces, all of which are mandatory for SVG user agents:</p>
<ul>
<li><a>SVGColor</a></li>
<li><a>SVGICCColor</a></li>
<li><a>SVGPaint</a></li>
</ul>
-<table class='vert property-table' summary="type representations for properties">
+<table class='vert property-table'>
<tr>
<th>Property Name</th>
<th>Representation</th>
<th>Mandatory?<br/>(Extended interfaces only)</th>
</tr>
<tr>
<td><a>'alignment-baseline'</a></td>
<td>ident</td>
diff --git a/master/text.html b/master/text.html
--- a/master/text.html
+++ b/master/text.html
@@ -608,16 +608,17 @@ placement and glyph advance.</p>
stretching or compressing of the glyphs will be applied to
all <var>n</var> characters.<br />
If the attribute is not specified, the effect is as a
value of <span class="attr-value">'spacing'</span> were
specified.<br />
<span class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
yes.</span></dd>
+ </dl>
<dl class="ready-for-wider-review">
<dt id="TextElementWidthAttribute"><span
class="adef">width</span> = "<span class="attr-value"><a
href="types.html#DataTypeLength"><length></a></span>"</dt>
<dd>Indicates the maximum length that the text is allowed to have
before being subject to <a>'text-overflow'</a> handling.
Whenever the sum of advances (including properties <a>'letter-spacing'</a> and <a>'word-spacing'</a> and
@@ -627,17 +628,16 @@ placement and glyph advance.</p>
does affect the boundingbox of the element.
</p>
<br />
The lacuna value for <a>'width'</a> is as if the attribute wasn't specified.
<br />
<span class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
yes.</span></dd>
- </dl>
</dl>
</div>
<p id="ExampleText01"><span class="example-ref">Example text01</span> below
contains the text string "Hello, out there" which will be
rendered onto the canvas using the Verdana font family with the
glyphs filled with the color blue.</p>
<edit:example href='images/text/text01.svg' name='test01' description="'Hello, out there' in blue" image='yes' link='yes'/>
@@ -1501,47 +1501,47 @@ a <a>'text'</a> element due to the Unico
properties <a>'direction'</a> and <a>'unicode-bidi'</a>. For more on
bidirectional text, see
<a href="text.html#RelationshipWithBiDirectionality">Relationship with bidirectionality</a>.)</p>
<div class="propdef">
<dl>
<dt id='WritingModeProperty'><span class="propdef-title property">'writing-mode'</span></dt>
<dd>
- <table summary="writing-mode property" class="propinfo"
- cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table class="propinfo"
+ >
+ <tr>
<td><em>Value:</em> </td>
<td>lr-tb | rl-tb | tb-rl | lr | rl | tb | <a
class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>lr-tb</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>'text'</a> elements</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>no</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -1591,48 +1591,48 @@ glyph orientation when the inline-progre
vertical. <a>'glyph-orientation-horizontal'</a>
controls glyph orientation when the
inline-progression-direction is horizontal.</p>
<div class="propdef">
<dl>
<dt id="GlyphOrientationVerticalProperty"><span class="propdef-title property">'glyph-orientation-vertical'</span></dt>
<dd>
- <table summary="glyph-orientation-vertical property"
- class="propinfo" cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table
+ class="propinfo" >
+ <tr>
<td><em>Value:</em> </td>
<td>auto | <a
href="types.html#DataTypeAngle"><angle></a> |
<a class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>auto</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>no</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -1741,66 +1741,66 @@ Latin characters is either <span class="
or <span class="prop-value">90</span>. The diagram on the right
show the result of mixing full-width ideographic glyphs with
narrow-cell Latin glyphs when Latin glyphs are specified to
have a <a>'glyph-orientation-vertical'</a> of <span
class="prop-value">0</span>.</p>
<p><img
alt="Layout of mixed glyphs in vertical-ideographic mode. Wide-cell glyphs are upright, Non-wide-cell glyphs are rotated by 90 degrees."
- class="example" align="top" width="45" height="262"
+ class="example" width="45" height="262"
src="images/text/lf-vi.png" /><img
alt="Example of mixed Japanese and English in vertical-ideographic layout. Japanese glyphs are upright, English rotated."
- class="example" align="top" width="40" height="260"
+ class="example" width="40" height="260"
src="images/text/GlyphOrientAuto.png" />
<img
alt="Layout of mixed glyphs in vertical mode. All glyphs are upright."
- class="example" align="top" width="42" height="342"
+ class="example" width="42" height="342"
src="images/text/lf-v.png" /><img
alt="Example of mixed Japanese and English in vertical layout. All glyphs are upright."
- class="example" align="top" width="38" height="340"
+ class="example" width="38" height="340"
src="images/text/GlyphOrientZero.png" /></p>
<div class="propdef">
<dl>
<dt id="GlyphOrientationHorizontalProperty"><span class="propdef-title property">'glyph-orientation-horizontal'</span></dt>
<dd>
- <table summary="glyph-orientation-horizontal property"
- class="propinfo" cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table
+ class="propinfo" >
+ <tr>
<td><em>Value:</em> </td>
<td><a
href="types.html#DataTypeAngle"><angle></a> |
<a class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>0deg</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>no</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -1927,46 +1927,46 @@ processing might be font-specific, the p
kerning and ligature processing occurs between combinations of
characters or glyphs after the characters have been
re-ordered.</p>
<div class="propdef">
<dl>
<dt id="DirectionProperty"><span class="propdef-title property">'direction'</span></dt>
<dd>
- <table summary="direction property" class="propinfo"
- cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table class="propinfo"
+ >
+ <tr>
<td><em>Value:</em> </td>
<td>ltr | rtl | <a class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>ltr</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>no</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -1991,47 +1991,47 @@ which includes the usual case of horizon
Arabic text and the case of narrow-cell Latin or Arabic
characters rotated 90 degrees clockwise relative to a
top-to-bottom inline-progression-direction.</p>
<div class="propdef">
<dl>
<dt id="UnicodeBidiProperty"><span class='propdef-title property'>'unicode-bidi'</span></dt>
<dd>
- <table summary="unicode-bidi property" class="propinfo"
- cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table class="propinfo"
+ >
+ <tr>
<td><em>Value:</em> </td>
<td>normal | embed | bidi-override | <a
class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>normal</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>no</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>no</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -2140,17 +2140,18 @@ For all the DOM methods it's as if <a>'t
<g transform="translate(0,60)">
<rect x="19.5" y="16.5" width="100" height="20"/>
<text x="20" y="2em" width="100" text-overflow="ellipsis">SVG is awesome</text>
</g>
</svg>
]]></pre>
<div class="figure">
- <img class="bordered" src="images/text/text-overflow-ref.svg"/>
+ <img class="bordered" src="images/text/text-overflow-ref.svg"
+ alt="Image showing the use of the text-overflow property."/>
<p class="caption">The <a>'text-overflow'</a> property used on text elements, the bottom line showing text with an ellipsis applied.</p>
</div>
</div>
</div>
<h2 id='AlignmentProperties'>Alignment properties</h2>
@@ -2518,48 +2519,48 @@ horizontal writing-modes.</p>
</dd>
</dl>
<p>The baseline-alignment properties follow.</p>
<div class="propdef">
<dl>
<dt id="DominantBaselineProperty"><span class="propdef-title property">'dominant-baseline'</span></dt>
<dd>
- <table summary="dominant-baseline property"
- class="propinfo" cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table
+ class="propinfo" >
+ <tr>
<td><em>Value:</em> </td>
<td>auto | use-script | no-change | reset-size |
ideographic | alphabetic | hanging |
mathematical | central | middle | text-after-edge |
text-before-edge | <a
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
inherit</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>auto</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>no</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -2706,48 +2707,48 @@ explicitly set the desire scaled-baselin
baseline table lacks an entry for the desired baseline, then
the user agent may use heuristics to determine the position of
the desired baseline.</p>
<div class="propdef">
<dl>
<dt id="AlignmentBaselineProperty"><span class="propdef-title property">'alignment-baseline'</span></dt>
<dd>
- <table summary="alignment-baseline property"
- class="propinfo" cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table
+ class="propinfo" >
+ <tr>
<td><em>Value:</em> </td>
<td>auto | baseline | before-edge | text-before-edge
| middle | central | after-edge | text-after-edge |
ideographic | alphabetic | hanging | mathematical |
<a
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
inherit</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>auto</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>'tspan'</a>, <a>'tref'</a>, <a>'altGlyph'</a>, <a>'textPath'</a> elements</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>no</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -2816,50 +2817,50 @@ being aligned.</p>
<dd>The alignment-point of the object being aligned is
aligned with the "mathematical" baseline of the parent <a>text content element</a>.</dd>
</dl>
<div class="propdef">
<dl>
<dt id="BaselineShiftProperty"><span class="propdef-title property">'baseline-shift'</span></dt>
<dd>
- <table summary="baseline-shift property" class="propinfo"
- cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table class="propinfo"
+ >
+ <tr>
<td><em>Value:</em> </td>
<td>baseline | sub | super | <a
href="types.html#DataTypePercentage"><percentage></a>
| <a
href="types.html#DataTypeLength"><length></a> |
<a
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
inherit</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>baseline</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>'tspan'</a>, <a>'tref'</a>, <a>'altGlyph'</a>, <a>'textPath'</a> elements</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>no</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>refers to the "line-height" of the <a>'text'</a> element, which
in the case of SVG is defined to be equal to the <a>'font-size'</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -2952,49 +2953,49 @@ the <a href="http://www.w3.org/TR/2011/R
is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], chapter 15).
Any SVG-specific notes about these properties are contained in
the descriptions below.</p>
<div class="propdef">
<dl>
<dt id="FontFamilyProperty"><span class="propdef-title property">'font-family'</span></dt>
<dd>
- <table summary="font-family property" class="propinfo"
- cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table class="propinfo"
+ >
+ <tr>
<td><em>Value:</em> </td>
<td>[[ <family-name> |<br />
<generic-family> ],]* [<family-name>
|<br />
<generic-family>] | <a class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>depends on user agent</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -3007,46 +3008,46 @@ Except for any additional
information provided in this specification, the
<a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/fonts.html#propdef-font-family">normative definition of the property</a>
is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 15.3).</p>
<div class="propdef">
<dl>
<dt id="FontStyleProperty"><span class="propdef-title property">'font-style'</span></dt>
<dd>
- <table summary="font-style property" class="propinfo"
- cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table class="propinfo"
+ >
+ <tr>
<td><em>Value:</em> </td>
<td>normal | italic | oblique | <a class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>normal</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -3056,46 +3057,46 @@ using a normal, italic or oblique face.
additional information provided in this specification, the
<a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/fonts.html#propdef-font-style">normative definition of the property</a>
is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 15.4).</p>
<div class="propdef">
<dl>
<dt id="FontVariantProperty"><span class="propdef-title property">'font-variant'</span></dt>
<dd>
- <table summary="font-variant property" class="propinfo"
- cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table class="propinfo"
+ >
+ <tr>
<td><em>Value:</em> </td>
<td>normal | small-caps | <a class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>normal</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -3106,49 +3107,49 @@ small-caps glyphs for lowercase characte
additional information provided in this specification, the
<a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/fonts.html#propdef-font-variant">normative definition of the property</a>
is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 15.5).</p>
<div class="propdef">
<dl>
<dt id="FontWeightProperty"><span class="propdef-title property">'font-weight'</span></dt>
<dd>
- <table summary="font-weight property" class="propinfo"
- cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table class="propinfo"
+ >
+ <tr>
<td><em>Value:</em> </td>
<td>normal | bold | bolder | lighter | 100 | 200 |
300<br />
| 400 | 500 | 600 | 700 | 800 | 900 | <a
class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>normal</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -3159,50 +3160,50 @@ same font family. Except for any additio
provided in this specification, the
<a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/fonts.html#propdef-font-weight">normative definition of the property</a>
is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 15.6).</p>
<div class="propdef">
<dl>
<dt id="FontStretchProperty"><span class="propdef-title property">'font-stretch'</span></dt>
<dd>
- <table summary="font-stretch property" class="propinfo"
- cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table class="propinfo"
+ >
+ <tr>
<td><em>Value:</em> </td>
<td>normal | wider | narrower |<br />
ultra-condensed | extra-condensed |<br />
condensed | semi-condensed |<br />
semi-expanded | expanded |<br />
extra-expanded | ultra-expanded | <a class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>normal</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -3212,49 +3213,49 @@ expansion in the glyphs used to render t
additional information provided in this specification, the
<a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#font-stretch-prop">normative definition of the property</a>
is in CSS3 Fonts ([<a href="refs.html#ref-CSS3FONTS">CSS3FONTS</a>], section 3.3).</p>
<div class="propdef">
<dl>
<dt id="FontSizeProperty"><span class="propdef-title property">'font-size'</span></dt>
<dd>
- <table summary="font-size property" class="propinfo"
- cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table class="propinfo"
+ >
+ <tr>
<td><em>Value:</em> </td>
<td><absolute-size> | <relative-size>
|<br />
<length> | <percentage> | <a
class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>medium</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes, the computed value is inherited</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>refer to parent element's font size</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -3282,46 +3283,46 @@ href="coords.html#Units">Units</a>.</p>
specification, the
<a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/fonts.html#propdef-font-size">normative definition of the property</a>
is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 15.7).</p>
<div class="propdef">
<dl>
<dt id="FontSizeAdjustProperty"><span class="propdef-title property">'font-size-adjust'</span></dt>
<dd>
- <table summary="font-size-adjust property"
- class="propinfo" cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table
+ class="propinfo" >
+ <tr>
<td><em>Value:</em> </td>
<td><number> | none | <a class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>none</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes (non-additive)</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -3332,59 +3333,59 @@ font in a substitute font. Except for an
information provided in this specification, the
<a href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/#propdef-font-size-adjust">normative definition of the property</a>
is in CSS3 Fonts ([<a href="refs.html#ref-CSS3FONTS">CSS3FONTS</a>], section 3.6).</p>
<div class="propdef">
<dl>
<dt id="FontProperty"><span class="propdef-title property">'font'</span></dt>
<dd>
- <table summary="font property" class="propinfo"
- cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table class="propinfo"
+ >
+ <tr>
<td><em>Value:</em> </td>
<td>[ [ <span
class="propinst-font-style"><'font-style'></span>
|| <span
class="propinst-font-variant"><'font-variant'></span>
|| <span
class="propinst-font-weight"><'font-weight'></span>
]?<br />
<'font-size'> [ / <'line-height'> ]?
<'font-family'> ] |<br />
caption | icon | menu | message-box |<br />
small-caption | status-bar | <a class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>see individual properties</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>allowed on 'font-size' and 'line-height' (Note:
for the purposes of processing the <a>'font property'</a> property in
SVG, 'line-height' is assumed to be equal the value
for property <a>'font-size'</a>)</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes (non-additive)</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -3424,46 +3425,46 @@ between glyphs and the <span class='prop
disable kerning based on information from the font.</p>
<p class='issue'>We need to require <span class='property'>'font-kerning'</span>.</p>
<div class="propdef">
<dl>
<dt id="LetterSpacingProperty"><span class="propdef-title property">'letter-spacing'</span></dt>
<dd>
- <table summary="letter-spacing property" class="propinfo"
- cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table class="propinfo"
+ >
+ <tr>
<td><em>Value:</em> </td>
<td>normal | <length> | <a class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>normal</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -3491,46 +3492,46 @@ href="coords.html#Units">Units</a>.</p>
specification, the
<a href="http://www.w3.org/TR/2011/REC-CSS2-20110607/text.html#propdef-letter-spacing">normative definition of the property</a>
is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 16.4).</p>
<div class="propdef">
<dl>
<dt id="WordSpacingProperty"><span class="propdef-title property">'word-spacing'</span></dt>
<dd>
- <table summary="word-spacing property" class="propinfo"
- cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table class="propinfo"
+ >
+ <tr>
<td><em>Value:</em> </td>
<td>normal | <length> | <a class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>normal</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>yes</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -3559,47 +3560,47 @@ specification, the
is in CSS 2.1 ([<a href="refs.html#ref-CSS21">CSS21</a>], section 16.4).</p>
<h2 id="TextDecorationProperties">Text decoration</h2>
<div class="propdef">
<dl>
<dt id="TextDecorationProperty"><span class="propdef-title property">'text-decoration'</span></dt>
<dd>
- <table summary="text-decoration property"
- class="propinfo" cellspacing="0" cellpadding="0">
- <tr valign="baseline">
+ <table
+ class="propinfo" >
+ <tr>
<td><em>Value:</em> </td>
<td>none | [ underline || overline || line-through ||
blink ] | <a class="noxref"
href="http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#value-def-inherit">
<span
class="value-inst-inherit noxref">inherit</span></a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Initial:</em> </td>
<td>none</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Applies to:</em> </td>
<td><a>text content elements</a></td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Inherited:</em> </td>
<td>no (see prose)</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Percentages:</em> </td>
<td>N/A</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em>Media:</em> </td>
<td>visual</td>
</tr>
- <tr valign="baseline">
+ <tr>
<td><em><a
href="animate.html#Animatable">Animatable</a>:</em> </td>
<td>yes</td>
</tr>
</table>
</dd>
</dl>
</div>
@@ -3734,18 +3735,17 @@ to a <a>'path'</a> element.</p>
class="attr-value">startOffset="100%"</span> indicates the
end point of the <a>'path'</a>.<br />
<br />
If the attribute is not specified, the effect is as if a
value of "0" were specified.<br />
<span class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
yes.</span></dd>
- <dt><a id="TextPathElementMethodAttribute"
- name="TextPathElementMethodAttribute"></a> <span
+ <dt><a id="TextPathElementMethodAttribute" ></a> <span
class="adef">method</span> = "<span
class="attr-value">align | stretch</span>"</dt>
<dd>Indicates the method by which text should be rendered
along the path.<br />
A value of <span class="attr-value">align</span> indicates
that the glyphs should be rendered using simple 2x3
transformations such that there is no stretching/warping of
the glyphs. Typically, supplemental rotation, scaling and
@@ -3763,18 +3763,17 @@ to a <a>'path'</a> element.</p>
With this approach, connected glyphs, such as in cursive
scripts, will maintain their connections.<br />
If the attribute is not specified, the effect is as if a
value of <span class="attr-value">align</span> were
specified.<br />
<span class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
yes.</span></dd>
- <dt><a id="TextPathElementSpacingAttribute"
- name="TextPathElementSpacingAttribute"></a> <span
+ <dt><a id="TextPathElementSpacingAttribute"></a> <span
class="adef">spacing</span> = "<span
class="attr-value">auto | exact</span>"</dt>
<dd>Indicates how the user agent should determine the
spacing between glyphs that are to be rendered along a
path.<br />
A value of <span class="attr-value">exact</span> indicates
that the glyphs should be rendered exactly according to the
spacing rules as specified in <a
@@ -3785,18 +3784,17 @@ to a <a>'path'</a> element.</p>
algorithms to adjust the spacing between glyphs in order to
achieve visually appealing results.<br />
If the attribute is not specified, the effect is as if a
value of <span class="attr-value">exact</span> were
specified.<br />
<span class="anim-target"><a
href="animate.html#Animatable">Animatable</a>:
yes.</span></dd>
- <dt><a id="TextPathElementHrefAttribute"
- name="TextPathElementHrefAttribute"></a> <span
+ <dt><a id="TextPathElementHrefAttribute"></a> <span
class="adef">xlink:href</span> = "<span
class="attr-value"><a
href="types.html#DataTypeIRI"><iri></a></span>"</dt>
<dd>An <a href="linking.html#IRIReference">IRI
reference</a> to the <a>'path'</a> element onto which
the glyphs will be rendered. If <iri> is an invalid
reference (e.g., no such element exists, or the referenced
element is not a <a>'path'</a>), then the <a>'textPath'</a> element is
diff --git a/master/types.html b/master/types.html
--- a/master/types.html
+++ b/master/types.html
@@ -696,20 +696,20 @@ High-Quality SVG Viewers</a> are require
floating point for intermediate calculations on certain numerical operations.</p>
<h2 id="ColorKeywords">Recognized color keyword names</h2>
<p>The following is the list of recognized color keywords that
can be used as a keyword value for data type <a
href="types.html#DataTypeColor"><color></a>:</p>
-<table class="color-keywords" summary="color keywords">
+<table class="color-keywords">
<tr>
<td>
- <table summary="color keywords part 1">
+ <table >
<tr>
<td><div class="colorpatch aliceblue"></div></td>
<td><span class="prop-value">aliceblue</span></td>
<td><span class="color-keyword-value">rgb(240, 248, 255)</span></td>
</tr>
<tr>
<td><div class="colorpatch antiquewhite"></div></td>
<td><span class="prop-value">antiquewhite</span></td>
@@ -1074,17 +1074,17 @@ href="types.html#DataTypeColor"><colo
<td><div class="colorpatch lightgrey"></div></td>
<td><span class="prop-value">lightgrey</span></td>
<td><span class="color-keyword-value">rgb(211, 211, 211)</span></td>
</tr>
</table>
</td>
<td> </td>
<td>
- <table summary="color keywords part 2">
+ <table >
<tr>
<td><div class="colorpatch lightpink"></div></td>
<td><span class="prop-value">lightpink</span></td>
<td><span class="color-keyword-value">rgb(255, 182, 193)</span></td>
</tr>
<tr>
<td><div class="colorpatch lightsalmon"></div></td>
<td><span class="prop-value">lightsalmon</span></td>
Received on Tuesday, 21 August 2012 02:28:03 UTC