1414 # propvalues td + td { text-align : left; }
1515 dt + dt ::before { content : ", " ; }
1616 dt { display : inline; }
17+ : not (code ) var { font-style : normal; color : # 005A9C
1718 </ style >
1819 < link href ="../default.css " rel =stylesheet type ="text/css ">
1920 < link href ="http://www.w3.org/StyleSheets/TR/W3C-ED.css " rel =stylesheet
@@ -261,10 +262,9 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
261262 class =css > kHz</ code > ’ units</ a >
262263
263264 < li > < a href ="#resolution "> < span class =secno > 6.4. </ span > Resolutions:
264- the ‘< code class =css > <resolution> </ code > ’ type and
265- ‘< code class =css > dpi</ code > ’, ‘< code
266- class =css > dpcm</ code > ’, ‘< code class =css > dppx</ code > ’
267- units</ a >
265+ the < var > <resolution> </ var > type and ‘< code
266+ class =css > dpi</ code > ’, ‘< code class =css > dpcm</ code > ’,
267+ ‘< code class =css > dppx</ code > ’ units</ a >
268268 </ ul >
269269
270270 < li > < a href ="#defined-elsewhere "> < span class =secno > 7. </ span > Data Types
@@ -1215,10 +1215,10 @@ <h3 id=frequency><span class=secno>6.3. </span> Frequencies: the ‘<a
12151215 < p > For example, when representing sound pitches, 200Hz (or 200hz) is a bass
12161216 sound, and 6kHz (or 6khz) is a treble sound.
12171217
1218- < h3 id =resolution > < span class =secno > 6.4. </ span > Resolutions: the ‘ < a
1219- href ="#resolution-value "> < code class = css > <resolution> </ code > </ a > ’
1220- type and ‘ < a href ="#dpi "> < code class =css > dpi</ code > </ a > ’,
1221- ‘ < a href ="#dpcm "> < code class =css > dpcm</ code > </ a > ’, ‘< a
1218+ < h3 id =resolution > < span class =secno > 6.4. </ span > Resolutions: the < a
1219+ href ="#resolution-value "> < var > <resolution> </ var > </ a > type and ‘ < a
1220+ href ="#dpi "> < code class =css > dpi</ code > </ a > ’, ‘ < a
1221+ href ="#dpcm "> < code class =css > dpcm</ code > </ a > ’, ‘< a
12221222 href ="#dppx "> <code class =css > dppx</ code > </ a > ’ units</ h3 >
12231223
12241224 < p > Resolution units are < a href ="#dimension "> < i > dimensions</ i > </ a > denoted
@@ -1239,11 +1239,11 @@ <h3 id=resolution><span class=secno>6.4. </span> Resolutions: the ‘<a
12391239 < dd > dots per ‘< code class =css > px</ code > ’ unit
12401240 </ dl >
12411241
1242- < p > The ‘ < a href ="#resolution-value "> < code
1243- class = css > <resolution > </ code > </ a > ’ unit represents the size of a
1244- single "dot" in a graphical representation by indicating how many of these
1245- dots fit in a CSS ‘ < code class =property > in</ code > ’,
1246- ‘ < code class =property > cm</ code > ’, or ‘< code
1242+ < p > The < a href ="#resolution-value "> < var > <resolution > </ var > </ a > unit
1243+ represents the size of a single "dot" in a graphical representation by
1244+ indicating how many of these dots fit in a CSS ‘ < code
1245+ class =property > in</ code > ’, ‘ < code
1246+ class =property > cm</ code > ’, or ‘< code
12471247 class =property > px</ code > ’. For uses, see e.g. the ‘< code
12481248 class =css > resolution</ code > ’ media query in < a href ="#MEDIAQ "
12491249 rel =biblioentry > [MEDIAQ]<!--{{MEDIAQ}}--> </ a > or the ‘< code
@@ -1470,25 +1470,20 @@ <h4 id=calc-syntax><span class=secno>8.1.1. </span> Syntax</h4>
14701470 < h4 id =calc-type-checking > < span class =secno > 8.1.2. </ span > Type Checking</ h4 >
14711471
14721472 < p > A math expression has a < dfn id =resolved-type > resolved type</ dfn > , which
1473- is one of ‘< code class =css > <length> </ code > ’, ‘< code
1474- class =css > <frequency> </ code > ’, ‘< code
1475- class =css > <angle> </ code > ’, ‘< code
1476- class =css > <time> </ code > ’, or ‘< code
1477- class =css > <number> </ code > ’. The < a
1478- href ="#resolved-type "> < i > resolved type</ i > </ a > must be valid for where the
1479- expression is placed; otherwise, the expression is invalid. The < a
1480- href ="#resolved-type "> < i > resolved type</ i > </ a > of the expression is
1473+ is one of < var > <length> </ var > , < var > <frequency> </ var > ,
1474+ < var > <angle> </ var > , < var > <time> </ var > , or < var > <number> </ var > .
1475+ The < a href ="#resolved-type "> < i > resolved type</ i > </ a > must be valid for
1476+ where the expression is placed; otherwise, the expression is invalid. The
1477+ < a href ="#resolved-type "> < i > resolved type</ i > </ a > of the expression is
14811478 determined by the types of the values it contains. < a
1482- href ="#number "> < code > NUMBER</ code > </ a > tokens are of type ‘< code
1483- class =css > <number> </ code > ’. A < a
1484- href ="#dimension "> < code > DIMENSION</ code > </ a > token's type is given by its
1485- unit (‘< code class =css > cm</ code > ’ is ‘< code
1486- class =css > <length> </ code > ’, ‘< a href ="#deg "> < code
1487- class =css > deg</ code > </ a > ’ is ‘< code
1488- class =css > <angle> </ code > ’, etc.). If percentages are accepted in
1489- the context in which the expression is placed, a < a
1490- href ="#percentage "> < code > PERCENTAGE</ code > </ a > token has the type of the
1491- value that percentages are relative to; otherwise, a math expression
1479+ href ="#number "> < code > NUMBER</ code > </ a > tokens are of type
1480+ < var > <number> </ var > . A < a href ="#dimension "> < code > DIMENSION</ code > </ a >
1481+ token's type is given by its unit (‘< code class =css > cm</ code > ’
1482+ is < var > <length> </ var > , ‘< a href ="#deg "> < code
1483+ class =css > deg</ code > </ a > ’ is < var > <angle> </ var > , etc.). If
1484+ percentages are accepted in the context in which the expression is placed,
1485+ a < a href ="#percentage "> < code > PERCENTAGE</ code > </ a > token has the type of
1486+ the value that percentages are relative to; otherwise, a math expression
14921487 containing percentages is invalid.
14931488
14941489 < p > Operators form sub-expressions, which gain types based on their
@@ -1504,12 +1499,10 @@ <h4 id=calc-type-checking><span class=secno>8.1.2. </span> Type Checking</h4>
15041499 check that both sides have the same type; resolve to that type.
15051500
15061501 < li > At ‘< code class =css > *</ code > ’, check that at least one
1507- side is ‘< code class =css > <number> </ code > &am
6D50
p;rsquo;; resolve to the
1508- type of the other side
1502+ side is < var > <number> </ var > ; resolve to the type of the other side
15091503
15101504 < li > At ‘< code class =css > /</ code > ’, check that the right side
1511- is ‘< code class =css > <number> </ code > ’; resolve to the type
1512- of the left side.
1505+ is < var > <number> </ var > ; resolve to the type of the left side.
15131506 </ ul >
15141507
15151508 < p > If an operator does not pass the above checks, the expression is
@@ -1636,34 +1629,31 @@ <h3 id=attr-notation><span class=secno>8.3. </span> Attribute References:
16361629 represents an attribute name. < span class =note > Most of the time, this will
16371630 just be an identifier.</ span >
16381631
1639- < p > The optional ‘< code class =css > <type-or-unit> </ code > ’
1640- argument is a keyword drawn from the list below that tells the UA how to
1641- interpret the attribute value, and defines a type for the attr()
1642- expression. If omitted, ‘< code class =css > string</ code > ’ is
1643- implied.
1632+ < p > The optional < var > <type-or-unit> </ var > argument is a keyword drawn
1633+ from the list below that tells the UA how to interpret the attribute
1634+ value, and defines a type for the attr() expression. If omitted,
1635+ ‘< code class =css > string</ code > ’ is implied.
16441636
1645- < p > The optional ‘< code class =css > <fallback> </ code > ’
1646- argument represents a fallback value, which is used if the named attribute
1647- is missing, or its value cannot be parsed into the given type or is
1648- invalid/out-of-range for the property. If it's absent, the default value
1649- for the given ‘< code class =css > <type-or-unit> </ code > ’ (from
1650- the list below) is implied.
1637+ < p > The optional < var > <fallback> </ var > argument represents a fallback
1638+ value, which is used if the named attribute is missing, or its value
1639+ cannot be parsed into the given type or is invalid/out-of-range for the
1640+ property. If it's absent, the default value for the given
1641+ < var > <type-or-unit> </ var > (from the list below) is implied.
16511642
16521643 < p > The attr() expression is only valid if:
16531644
16541645 < ul >
16551646 < li > the attr() expression's type is valid where the attr() expression is
16561647 placed,
16571648
1658- < li > the ‘ < code class = css > <fallback> </ code > ’ is valid where
1659- the attr() expression is placed,
1649+ < li> the < var > <fallback> </ var > is valid where the attr() expression is
1650+ placed,
16601651
1661- < li > the ‘ < code class = css > <fallback> </ code > ’ does not
1662- contain another attr() expression,
1652+ < li > the < var > <fallback> </ var > does not contain another attr()
1653+ expression,
16631654
16641655 < li > and, if the attr() expression is not the sole component value of a
1665- property, the ‘< code class =css > <fallback> </ code > ’ matches
1666- the attr()'s type
1656+ property, the < var > <fallback> </ var > matches the attr()'s type
16671657 </ ul >
16681658
16691659 < div class =note >
@@ -1683,20 +1673,18 @@ <h3 id=attr-notation><span class=secno>8.3. </span> Attribute References:
16831673 ‘< code class =css > inset</ code > ’ keyword.
16841674 </ div >
16851675
1686- < p > The ‘ < code class = css > <type-or-unit> </ code > ’ keywords are:
1676+ < p > The < var > <type-or-unit> </ var > keywords are:
16871677
16881678 < dl >
16891679 < dt > ‘< code class =css > string</ code > ’
16901680
16911681 < dd > The attribute value will be interpreted as the contents of a CSS
1692- ‘< code class =css > <string> </ code > ’. The default is the
1693- empty string.
1682+ < var > <string> </ var > . The default is the empty string.
16941683
16951684 < dt > ‘< code class =css > color</ code > ’
16961685
1697- < dd > The attribute value will be interpreted as a CSS ‘< code
1698- class =css > <color> </ code > ’ value. The default is ‘< code
1699- class =css > currentColor</ code > ’.
1686+ < dd > The attribute value will be interpreted as a CSS < var > <color> </ var >
1687+ value. The default is ‘< code class =css > currentColor</ code > ’.
17001688
17011689 < dt > ‘< a href ="#url "> < code class =css > url</ code > </ a > ’
17021690
@@ -1711,17 +1699,17 @@ <h3 id=attr-notation><span class=secno>8.3. </span> Attribute References:
17111699
17121700 < dt > ‘< a href ="#integer "> < code class =css > integer</ code > </ a > ’
17131701
1714- < dd > The attribute value will be interpreted as a CSS ‘ < code
1715- class = css > <integer> </ code > ’ . The default is ‘< code
1702+ < dd > The attribute value will be interpreted as a CSS
1703+ < var > <integer> </ var > . The default is ‘< code
17161704 class =css > 0</ code > ’, or else the property's minimum value if
17171705 ‘< code class =css > 0</ code > ’ is not valid for the property. The
17181706 default should also be used if the property in question only accepts
17191707 integers within a certain range and the attribute is out of range.
17201708
17211709 < dt > ‘< a href ="#number "> < code class =css > number</ code > </ a > ’
17221710
1723- < dd > The attribute value will be interpreted as a CSS ‘ < code
1724- class = css > <number> </ code > ’ . The default is ‘< code
1711+ < dd > The attribute value will be interpreted as a CSS
1712+ < var > <number> </ var > . The default is ‘< code
17251713 class =css > 0.0</ code > ’, or else the property's minimum value if
17261714 ‘< code class =css > 0.0</ code > ’ is not valid for the property.
17271715 The default should also be used if the property in question only accepts
@@ -1735,19 +1723,17 @@ <h3 id=attr-notation><span class=secno>8.3. </span> Attribute References:
17351723
17361724 < dt > ‘< code class =css > frequency</ code > ’
17371725
1738- < dd > The attribute value will be interpreted as a CSS ‘< code
1739- class =css > <length> </ code > ’, ‘< code
1740- class =css > <angle> </ code > ’, ‘< code
1741- class =css > <time> </ code > ’ or ‘< code
1742- class =css > <frequency> </ code > ’ (respectively), and the unit
1743- identifier (if any) will appear in the attribute value. The default is
1744- ‘< code class =css > 0</ code > ’ in the relevant units, or else the
1745- property's minimum value if ‘< code class =css > 0</ code > ’ in the
1746- relevant units is not valid for the property. The default should also be
1747- used if the property in question only accepts values within a certain
1748- range (e.g. positive lengths or angles from 0 to 90deg) and the attribute
1749- is out of range (e.g. a negative length or 180deg). If the unit is a
1750- relative length, it must be computed to an absolute length.
1726+ < dd > The attribute value will be interpreted as a CSS
1727+ < var > <length> </ var > , < var > <angle> </ var > , < var > <time> </ var > or
1728+ < var > <frequency> </ var > (respectively), and the unit identifier (if
1729+ any) will appear in the attribute value. The default is ‘< code
1730+ class =css > 0</ code > ’ in the relevant units, or else the property's
1731+ minimum value if ‘< code class =css > 0</ code > ’ in the relevant
1732+ units is not valid for the property. The default should also be used if
1733+ the property in question only accepts values within a certain range (e.g.
1734+ positive lengths or angles from 0 to 90deg) and the attribute is out of
1735+ range (e.g. a negative length or 180deg). If the unit is a relative
1736+ length, it must be computed to an absolute length.
17511737
17521738 < dt > ‘< a href ="#em-unit "> < code class =css > em</ code > </ a > ’
17531739
0 commit comments