--- a/master/animate.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/animate.html Tue Aug 21 12:26:09 2012 +1000
@@ -135,7 +135,7 @@
<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
@@ -165,7 +165,7 @@
<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
@@ -306,28 +306,28 @@
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>
@@ -1286,27 +1286,27 @@
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>
@@ -1798,8 +1798,7 @@
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"?>
@@ -1828,24 +1827,22 @@
</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>
@@ -2422,25 +2419,23 @@
]]></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>
--- a/master/attindex.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/attindex.html Tue Aug 21 12:26:09 2012 +1000
@@ -39,7 +39,7 @@
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>
--- a/master/color.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/color.html Tue Aug 21 12:26:09 2012 +1000
@@ -654,8 +654,7 @@
<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
@@ -724,8 +723,7 @@
<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>
@@ -756,8 +754,7 @@
<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 />
@@ -771,7 +768,7 @@
<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>
--- a/master/concepts.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/concepts.html Tue Aug 21 12:26:09 2012 +1000
@@ -200,7 +200,7 @@
<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>
--- a/master/coords.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/coords.html Tue Aug 21 12:26:09 2012 +1000
@@ -420,8 +420,8 @@
</svg>
</pre>
-<table summary="Example ViewBox">
- <caption align="bottom">
+<table >
+ <caption>
Example ViewBox
</caption>
<tr>
@@ -1003,7 +1003,7 @@
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>
--- a/master/implnote.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/implnote.html Tue Aug 21 12:26:09 2012 +1000
@@ -349,10 +349,10 @@
<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>
@@ -395,7 +395,7 @@
</mrow>
</math>
</td>
- <td align="right">(F.6.3.1)</td>
+ <td style="text-align: right">(F.6.3.1)</td>
</tr>
</table>
@@ -463,31 +463,30 @@
<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>
@@ -529,26 +528,26 @@
<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
@@ -558,13 +557,13 @@
<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>
@@ -574,13 +573,13 @@
<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>
@@ -590,19 +589,19 @@
<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>
@@ -640,13 +639,13 @@
<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>
@@ -655,13 +654,13 @@
<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
@@ -669,13 +668,13 @@
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>
--- a/master/index.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/index.html Tue Aug 21 12:26:09 2012 +1000
@@ -24,8 +24,10 @@
<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>
--- a/master/interact.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/interact.html Tue Aug 21 12:26:09 2012 +1000
@@ -189,7 +189,7 @@
<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>
@@ -701,7 +701,7 @@
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
--- a/master/intro.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/intro.html Tue Aug 21 12:26:09 2012 +1000
@@ -62,7 +62,7 @@
<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>
--- a/master/linking.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/linking.html Tue Aug 21 12:26:09 2012 +1000
@@ -243,8 +243,7 @@
<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
@@ -257,8 +256,7 @@
<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>
@@ -274,8 +272,7 @@
<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>
@@ -301,8 +298,7 @@
<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
@@ -322,8 +318,7 @@
<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
@@ -342,8 +337,7 @@
<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
@@ -415,8 +409,7 @@
<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
--- a/master/masking.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/masking.html Tue Aug 21 12:26:09 2012 +1000
@@ -1076,7 +1076,7 @@
<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>
--- a/master/mimereg.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/mimereg.html Tue Aug 21 12:26:09 2012 +1000
@@ -149,7 +149,7 @@
<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>
--- a/master/minimize.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/minimize.html Tue Aug 21 12:26:09 2012 +1000
@@ -62,7 +62,7 @@
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>
--- a/master/painting.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/painting.html Tue Aug 21 12:26:09 2012 +1000
@@ -12,6 +12,22 @@
<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>
@@ -71,9 +87,8 @@
<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 />
@@ -1443,23 +1458,6 @@
<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>
@@ -1797,7 +1795,8 @@
]]></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>
@@ -1889,7 +1888,8 @@
<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>
@@ -1991,7 +1991,8 @@
]]></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>
@@ -2101,7 +2102,8 @@
]]></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>
@@ -2250,17 +2252,17 @@
<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
@@ -2433,7 +2435,8 @@
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>
@@ -2634,7 +2637,7 @@
</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>
@@ -2743,7 +2746,8 @@
]]></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>
@@ -3334,7 +3338,8 @@
<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>
--- a/master/paths.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/paths.html Tue Aug 21 12:26:09 2012 +1000
@@ -239,8 +239,7 @@
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>
@@ -293,8 +292,7 @@
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>
@@ -317,8 +315,7 @@
<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>
@@ -398,9 +395,7 @@
<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>
@@ -472,9 +467,7 @@
<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>
@@ -550,8 +543,7 @@
<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>
--- a/master/propidx.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/propidx.html Tue Aug 21 12:26:09 2012 +1000
@@ -23,7 +23,7 @@
<!-- 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>
--- a/master/publish.xml Tue Aug 21 09:49:28 2012 +1000
+++ b/master/publish.xml Tue Aug 21 12:26:09 2012 +1000
@@ -13,15 +13,15 @@
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>
--- a/master/refs.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/refs.html Tue Aug 21 12:26:09 2012 +1000
@@ -53,6 +53,7 @@
<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>
@@ -138,6 +139,7 @@
</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>,
--- a/master/script.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/script.html Tue Aug 21 12:26:09 2012 +1000
@@ -120,8 +120,8 @@
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>
--- a/master/struct.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/struct.html Tue Aug 21 12:26:09 2012 +1000
@@ -1498,10 +1498,7 @@
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
--- a/master/style/default_svg.css Tue Aug 21 09:49:28 2012 +1000
+++ b/master/style/default_svg.css Tue Aug 21 12:26:09 2012 +1000
@@ -236,7 +236,7 @@
.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 ~ * {
@@ -323,3 +323,9 @@
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 }
--- a/master/styling.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/styling.html Tue Aug 21 12:26:09 2012 +1000
@@ -1055,7 +1055,7 @@
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>
--- a/master/svgdom.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/svgdom.html Tue Aug 21 12:26:09 2012 +1000
@@ -545,7 +545,7 @@
<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>
--- a/master/text.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/text.html Tue Aug 21 12:26:09 2012 +1000
@@ -613,6 +613,7 @@
<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
@@ -632,7 +633,6 @@
<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
@@ -1506,9 +1506,9 @@
<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"
@@ -1516,27 +1516,27 @@
<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>
@@ -1596,9 +1596,9 @@
<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> |
@@ -1607,27 +1607,27 @@
<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>
@@ -1746,27 +1746,27 @@
<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> |
@@ -1775,27 +1775,27 @@
<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>
@@ -1932,36 +1932,36 @@
<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>
@@ -1996,9 +1996,9 @@
<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"
@@ -2006,27 +2006,27 @@
<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>
@@ -2145,7 +2145,8 @@
]]></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>
@@ -2523,9 +2524,9 @@
<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 |
@@ -2534,27 +2535,27 @@
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>
@@ -2711,9 +2712,9 @@
<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 |
@@ -2722,27 +2723,27 @@
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>
@@ -2821,9 +2822,9 @@
<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>
@@ -2833,28 +2834,28 @@
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>
@@ -2957,9 +2958,9 @@
<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>
@@ -2969,27 +2970,27 @@
<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>
@@ -3012,36 +3013,36 @@
<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>
@@ -3061,36 +3062,36 @@
<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>
@@ -3111,9 +3112,9 @@
<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 />
@@ -3123,27 +3124,27 @@
<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>
@@ -3164,9 +3165,9 @@
<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 />
@@ -3177,27 +3178,27 @@
<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>
@@ -3217,9 +3218,9 @@
<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 />
@@ -3229,27 +3230,27 @@
<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>
@@ -3287,36 +3288,36 @@
<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>
@@ -3337,9 +3338,9 @@
<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>
@@ -3356,30 +3357,30 @@
<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>
@@ -3429,36 +3430,36 @@
<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>
@@ -3496,36 +3497,36 @@
<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>
@@ -3564,9 +3565,9 @@
<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"
@@ -3574,27 +3575,27 @@
<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>
@@ -3739,8 +3740,7 @@
<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
@@ -3768,8 +3768,7 @@
<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
@@ -3790,8 +3789,7 @@
<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>
--- a/master/types.html Tue Aug 21 09:49:28 2012 +1000
+++ b/master/types.html Tue Aug 21 12:26:09 2012 +1000
@@ -701,10 +701,10 @@
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>
@@ -1079,7 +1079,7 @@
</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>