[CSS2] Add data-dfn-type=value where appropriate

Author: gsnedders

css2/box.html

@@ -829,33 +829,33 @@ <H3><span class="secno">8.5.3</span> <span id="border-style-properties">Border s
 value type, which may take one of the following values:</p>
 
 <dl>
-<dt><strong><span class="index-def" title="'none'::as border style"><span id="value-def-bo-none" class="value-def">none</span></span></strong>
+<dt><strong><span class="index-def" title="'none'::as border style"><dfn id="value-def-bo-none" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">none</dfn></span></strong>
 <dd>No border; the computed border width is zero.
-<dt><strong><span class="index-def" title="'hidden'"><span id="value-def-hidden" class="value-def">hidden</span></span></strong>
+<dt><strong><span class="index-def" title="'hidden'"><dfn id="value-def-hidden" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">hidden</dfn></span></strong>
 <dd>Same as 'none', except in terms of <a
 href="tables.html#border-conflict-resolution">border conflict
 resolution</a> for <a href="tables.html">table elements</a>.
-<dt><strong><span class="index-def" title="'dotted'"><span id="value-def-dotted" class="value-def">dotted</span></span></strong>
+<dt><strong><span class="index-def" title="'dotted'"><dfn id="value-def-dotted" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">dotted</dfn></span></strong>
 <dd>The border is a series of dots.
-<dt><strong><span class="index-def" title="'dashed'"><span id="value-def-dashed" class="value-def">dashed</span></span></strong>
+<dt><strong><span class="index-def" title="'dashed'"><dfn id="value-def-dashed" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">dashed</dfn></span></strong>
 <dd>The border is a series of short line segments.
-<dt><strong><span class="index-def" title="'solid'"><span id="value-def-solid" class="value-def">solid</span></span></strong>
+<dt><strong><span class="index-def" title="'solid'"><dfn id="value-def-solid" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">solid</dfn></span></strong>
 <dd>The border is a single line segment.
-<dt><strong><span class="index-def" title="'double'"><span id="value-def-double" class="value-def">double</span></span></strong>
+<dt><strong><span class="index-def" title="'double'"><dfn id="value-def-double" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">double</dfn></span></strong>
 <dd>The border is two solid lines. The sum of
 the two lines and the space between them
 equals the value of <a href="box.html#propdef-border-width" class="noxref"><span
 class="propinst-border-width">'border-width'</span></a>.
-<dt><strong><span class="index-def" title="'groove'"><span id="value-def-groove" class="value-def">groove</span></span></strong>
+<dt><strong><span class="index-def" title="'groove'"><dfn id="value-def-groove" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">groove</dfn></span></strong>
 <dd>The border looks as though it were carved
 into the canvas.
-<dt><strong><span class="index-def" title="'ridge'"><span id="value-def-ridge" class="value-def">ridge</span></span></strong>
+<dt><strong><span class="index-def" title="'ridge'"><dfn id="value-def-ridge" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">ridge</dfn></span></strong>
 <dd>The opposite of 'groove': the border
 looks as though it were coming out of the canvas.
-<dt><strong><span class="index-def" title="'inset'"><span id="value-def-inset" class="value-def">inset</span></span></strong>
+<dt><strong><span class="index-def" title="'inset'"><dfn id="value-def-inset" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">inset</dfn></span></strong>
 <dd>The border makes the box look as though
 it were embedded in the canvas.
-<dt><strong><span class="index-def" title="'outset'"><span id="value-def-outset" class="value-def">outset</span></span></strong>
+<dt><strong><span class="index-def" title="'outset'"><dfn id="value-def-outset" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">outset</dfn></span></strong>
 <dd>The opposite of 'inset': the
 border makes the box look as though
 it were coming out of the canvas.

css2/box.src

@@ -646,33 +646,33 @@ id="value-def-border-style" data-dfn-type="type"><strong>&lt;border-style&gt;</s
 value type, which may take one of the following values:</p>
 
 <dl>
-<dt><strong><span class="index-def" title="'none'::as border style"><span id="value-def-bo-none" class="value-def">none</span></span></strong>
+<dt><strong><span class="index-def" title="'none'::as border style"><dfn id="value-def-bo-none" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">none</dfn></span></strong>
 <dd>No border; the computed border width is zero.
-<dt><strong><span class="index-def" title="'hidden'"><span id="value-def-hidden" class="value-def">hidden</span></span></strong>
+<dt><strong><span class="index-def" title="'hidden'"><dfn id="value-def-hidden" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">hidden</dfn></span></strong>
 <dd>Same as 'none', except in terms of <a
 href="tables.html#border-conflict-resolution">border conflict
 resolution</a> for <a href="tables.html">table elements</a>.
-<dt><strong><span class="index-def" title="'dotted'"><span id="value-def-dotted" class="value-def">dotted</span></span></strong>
+<dt><strong><span class="index-def" title="'dotted'"><dfn id="value-def-dotted" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">dotted</dfn></span></strong>
 <dd>The border is a series of dots.
-<dt><strong><span class="index-def" title="'dashed'"><span id="value-def-dashed" class="value-def">dashed</span></span></strong>
+<dt><strong><span class="index-def" title="'dashed'"><dfn id="value-def-dashed" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">dashed</dfn></span></strong>
 <dd>The border is a series of short line segments.
-<dt><strong><span class="index-def" title="'solid'"><span id="value-def-solid" class="value-def">solid</span></span></strong>
+<dt><strong><span class="index-def" title="'solid'"><dfn id="value-def-solid" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">solid</dfn></span></strong>
 <dd>The border is a single line segment.
-<dt><strong><span class="index-def" title="'double'"><span id="value-def-double" class="value-def">double</span></span></strong>
+<dt><strong><span class="index-def" title="'double'"><dfn id="value-def-double" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">double</dfn></span></strong>
 <dd>The border is two solid lines. The sum of
 the two lines and the space between them
 equals the value of <span
 class="propinst-border-width">'border-width'</span>.
-<dt><strong><span class="index-def" title="'groove'"><span id="value-def-groove" class="value-def">groove</span></span></strong>
+<dt><strong><span class="index-def" title="'groove'"><dfn id="value-def-groove" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">groove</dfn></span></strong>
 <dd>The border looks as though it were carved
 into the canvas.
-<dt><strong><span class="index-def" title="'ridge'"><span id="value-def-ridge" class="value-def">ridge</span></span></strong>
+<dt><strong><span class="index-def" title="'ridge'"><dfn id="value-def-ridge" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">ridge</dfn></span></strong>
 <dd>The opposite of 'groove': the border
 looks as though it were coming out of the canvas.
-<dt><strong><span class="index-def" title="'inset'"><span id="value-def-inset" class="value-def">inset</span></span></strong>
+<dt><strong><span class="index-def" title="'inset'"><dfn id="value-def-inset" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">inset</dfn></span></strong>
 <dd>The border makes the box look as though
 it were embedded in the canvas.
-<dt><strong><span class="index-def" title="'outset'"><span id="value-def-outset" class="value-def">outset</span></span></strong>
+<dt><strong><span class="index-def" title="'outset'"><dfn id="value-def-outset" data-dfn-type="value" data-dfn-for="<border-style>" class="value-def">outset</dfn></span></strong>
 <dd>The opposite of 'inset': the
 border makes the box look as though
 it were coming out of the canvas.

css2/cascade.html

@@ -190,7 +190,7 @@ <h2><span class="secno">6.2</span> <span id="inheritance">Inheritance</span></h2
 
 
 <h3><span class="secno">6.2.1</span> The <span class="index-def" title="inherit, definition
-of"><span id="value-def-inherit">'inherit'</span></span>
+of"><dfn id="value-def-inherit" data-dfn-type="value" data-dfn-for="all" data-lt="inherit">'inherit'</dfn></span>
 value</h3>
 
 <P>Each property may also have a cascaded value of 'inherit', which

css2/cascade.src

@@ -143,7 +143,7 @@ href="visuren.html#box-gen">anonymous boxes.</a></span>
 
 
 <h3>The <span class="index-def" title="inherit, definition
-of"><span id="value-def-inherit">'inherit'</span></span>
+of"><dfn id="value-def-inherit" data-dfn-type="value" data-dfn-for="all" data-lt="inherit">'inherit'</dfn></span>
 value</h3>
 
 <P>Each property may also have a cascaded value of 'inherit', which

css2/cover.html

@@ -28,12 +28,12 @@
   <p><a href="https://www.w3.org/"><img height="48" width="72" alt="W3C" src="https://www.w3.org/StyleSheets/TR/2016/logos/W3C"/></a>
 
   <h1 id="title">Cascading Style Sheets Level 2 Revision 2 (CSS&nbsp;2.2) Specification</h1>
-  <h2 id="W3C-doctype">W3C Editors Draft 17 March 2020</h2>
+  <h2 id="W3C-doctype">W3C Editors Draft 18 March 2020</h2>
 
   <dl>
   <dt>This version:
-  <dd><a href="https://www.w3.org/TR/2020/ED-CSS2-20200317/">
-               https://www.w3.org/TR/2020/ED-CSS2-20200317/</a>
+  <dd><a href="https://www.w3.org/TR/2020/ED-CSS2-20200318/">
+               https://www.w3.org/TR/2020/ED-CSS2-20200318/</a>
   <dt>Latest version:
   <dd><a href="https://www.w3.org/TR/CSS2/">
                https://www.w3.org/TR/CSS2/</a>
@@ -74,7 +74,7 @@ <h2 id="W3C-doctype">W3C Editors Draft 17 March 2020</h2>
 
   <!--
   <p>Please refer to the <a
-  href="https://www.w3.org/Style/css2-updates/ED-CSS2-20200317-errata.html"><strong>
+  href="https://www.w3.org/Style/css2-updates/ED-CSS2-20200318-errata.html"><strong>
   errata</strong></a> for this document.
   -->
 

css2/generate.html

@@ -462,10 +462,10 @@ <H3><span class="secno">12.3.2</span> <span id="quotes-insert">Inserting quotes<
 class="propinst-content">'content'</span></a> property</H3>
 
 <p>Quotation marks are inserted in appropriate places in a document
-with the <span class="index-def" title="open-quote"><span
-class="value-def" id="value-def-open-quote">'open-quote'</span></span>
-and <span class="index-def" title="close-quote"><span class="value-def"
-id="value-def-close-quote">'close-quote'</span></span> values of the
+with the <span class="index-def" title="open-quote"><dfn
+class="value-def" id="value-def-open-quote" data-dfn-type="value" data-dfn-for="content" data-lt="open-quote">'open-quote'</dfn></span>
+and <span class="index-def" title="close-quote"><dfn class="value-def"
+id="value-def-close-quote" data-dfn-type="value" data-dfn-for="content" data-lt="close-quote">'close-quote'</dfn></span> values of the
 <a href="generate.html#propdef-content" class="noxref"><span class="propinst-content">'content'</span></a> property. Each
 occurrence of 'open-quote' or 'close-quote' is replaced by one of the
 strings from the value of <a href="generate.html#propdef-quotes" class="noxref"><span
@@ -494,9 +494,9 @@ <H3><span class="secno">12.3.2</span> <span id="quotes-insert">Inserting quotes<
 before every paragraph of a quote spanning several paragraphs, but
 only the last paragraph ends with a closing quotation mark. In CSS,
 this can be achieved by inserting "phantom" closing quotes. The
-keyword <span class="index-def" title="no-close-quote"><span
+keyword <span class="index-def" title="no-close-quote"><dfn
 class="value-def"
-id="value-def-no-close-quote">'no-close-quote'</span></span> decrements
+id="value-def-no-close-quote" data-dfn-type="value" data-dfn-for="content" data-lt="no-close-quote">'no-close-quote'</dfn></span> decrements
 the quoting level, but does not insert a quotation mark.
 
 
@@ -515,8 +515,8 @@ <H3><span class="secno">12.3.2</span> <span id="quotes-insert">Inserting quotes<
 </div>
 
 <p>For symmetry, there is also a <span class="index-def"
-title="no-open-quote"><span class="value-def"
-id="value-def-no-open-quote">'no-open-quote'</span></span> keyword,
+title="no-open-quote"><dfn class="value-def"
+id="value-def-no-open-quote" data-dfn-type="value" data-dfn-for="content" data-lt="no-open-quote">'no-open-quote'</dfn></span> keyword,
 which inserts nothing, but increments the quotation depth by one.
 
 
@@ -885,47 +885,47 @@ <h3><span class="secno">12.5.1</span> <span id="list-style">Lists:</span> the <a
 systems. 
 
 <P>Glyphs are specified with 
-<strong><span class="index-def" title="disc"><span class="value-def"
-id="value-def-disc">disc</span></span></strong>, 
-<strong><span class="index-def" title="circle"><span class="value-def"
-id="value-def-circle">circle</span></span></strong>, and 
-<strong><span class="index-def" title="square"><span class="value-def"
-id="value-def-square">square</span></span></strong>. Their exact
+<strong><span class="index-def" title="disc"><dfn class="value-def"
+id="value-def-disc" data-dfn-type="value" data-dfn-for="list-style-type">disc</dfn></span></strong>, 
+<strong><span class="index-def" title="circle"><dfn class="value-def"
+id="value-def-circle" data-dfn-type="value" data-dfn-for="list-style-type">circle</dfn></span></strong>, and 
+<strong><span class="index-def" title="square"><dfn class="value-def"
+id="value-def-square" data-dfn-type="value" data-dfn-for="list-style-type">square</dfn></span></strong>. Their exact
 rendering depends on the user agent.
 
 <P>Numbering systems are specified with:</P>
 
 <dl>
 
-<dt><span class="index-def" title="decimal"><span class="value-def" id="value-def-decimal"><strong>decimal</strong></span></span><dd>Decimal numbers, beginning with 1.
+<dt><span class="index-def" title="decimal"><dfn class="value-def" id="value-def-decimal" data-dfn-type="value" data-dfn-for="list-style-type"><strong>decimal</strong></dfn></span><dd>Decimal numbers, beginning with 1.
 
-<dt><strong><span class="index-def" title="decimal-leading-zero"><span class="value-def" id="value-def-decimal-leading-zero">decimal-leading-zero</span></span></strong>
+<dt><strong><span class="index-def" title="decimal-leading-zero"><dfn class="value-def" id="value-def-decimal-leading-zero" data-dfn-type="value" data-dfn-for="list-style-type">decimal-leading-zero</dfn></span></strong>
 <dd>Decimal numbers padded by initial zeros (e.g., 01, 02, 03, ..., 98, 99).
 
 
 
-<dt><strong><span class="index-def" title="lower-roman"><span class="value-def" id="value-def-lower-roman">lower-roman</span></span></strong>
+<dt><strong><span class="index-def" title="lower-roman"><dfn class="value-def" id="value-def-lower-roman" data-dfn-type="value" data-dfn-for="list-style-type">lower-roman</dfn></span></strong>
 <dd>Lowercase roman numerals (i, ii, iii, iv, v, etc.).
 
-<dt><strong><span class="index-def" title="upper-roman"><span class="value-def" id="value-def-upper-roman">upper-roman</span></span></strong>
+<dt><strong><span class="index-def" title="upper-roman"><dfn class="value-def" id="value-def-upper-roman" data-dfn-type="value" data-dfn-for="list-style-type">upper-roman</dfn></span></strong>
 <dd>Uppercase roman numerals (I, II, III, IV, V, etc.).
 
-<dt><strong><span class="index-def" title="georgian"><span class="value-def" id="value-def-georgian">georgian</span></span></strong>
+<dt><strong><span class="index-def" title="georgian"><dfn class="value-def" id="value-def-georgian" data-dfn-type="value" data-dfn-for="list-style-type">georgian</dfn></span></strong>
 <dd>Traditional Georgian numbering 
 (an, ban, gan, ..., he, tan, in, in-an, ...).
-<dt><strong><span class="index-def" title="armenian"><span class="value-def" id="value-def-armenian">armenian</span></span></strong>
+<dt><strong><span class="index-def" title="armenian"><dfn class="value-def" id="value-def-armenian" data-dfn-type="value" data-dfn-for="list-style-type">armenian</dfn></span></strong>
 <dd>Traditional uppercase Armenian numbering.
 </dl>
 
 
 <P>Alphabetic systems are specified with:</P>
 
 <dl>
-<dt><strong><span class="index-def" title="lower-latin"><span class="value-def" id="value-def-lower-latin">lower-latin</span></span></strong> or <strong>lower-alpha</strong>
+<dt><strong><span class="index-def" title="lower-latin"><dfn class="value-def" id="value-def-lower-latin" data-dfn-type="value" data-dfn-for="list-style-type">lower-latin</dfn></span></strong> or <strong>lower-alpha</strong>
 <dd>Lowercase ascii letters (a, b, c, ... z).
-<dt><strong><span class="index-def" title="upper-latin"><span class="value-def" id="value-def-upper-latin">upper-latin</span></span></strong> or <strong>upper-alpha</strong>
+<dt><strong><span class="index-def" title="upper-latin"><dfn class="value-def" id="value-def-upper-latin" data-dfn-type="value" data-dfn-for="list-style-type">upper-latin</dfn></span></strong> or <strong>upper-alpha</strong>
 <dd>Uppercase ascii letters (A, B, C, ... Z).
-<dt><strong><span class="index-def" title="lower-greek"><span class="value-def" id="value-def-lower-greek">lower-greek</span></span></strong>
+<dt><strong><span class="index-def" title="lower-greek"><dfn class="value-def" id="value-def-lower-greek" data-dfn-type="value" data-dfn-for="list-style-type">lower-greek</dfn></span></strong>
 <dd>Lowercase classical Greek 
 alpha, beta, gamma, ... (&#945;, &#946;, &#947;, ...)
 </dl>