@@ -338,34 +338,34 @@ Property Value Examples</h3>
338338 <table class="data" id="propvalues">
339339 <thead>
340340 <tr><th> Property
341- <th> Value definition field
342- <th> Example value
341+ <th> Value definition field
342+ <th> Example value
343343 </thead>
344344 <tbody>
345345 <tr><td> 'orphans'
346- <td> <integer>
347- <td> ''3''
346+ <td> <integer>
347+ <td> ''3''
348348 <tr><td> 'text-align'
349- <td> left | right | center | justify
350- <td> ''text-align/center''
349+ <td> left | right | center | justify
350+ <td> ''text-align/center''
351351 <tr><td> 'padding-top'
352- <td> <length> | <percentage>
353- <td> ''5%''
352+ <td> <length> | <percentage>
353+ <td> ''5%''
354354 <tr><td> 'outline-color'
355- <td> <color> | invert
356- <td> ''#fefefe''
355+ <td> <color> | invert
356+ <td> ''#fefefe''
357357 <tr><td> 'text-decoration'
358- <td> none | underline || overline || line-through || blink
359- <td> ''overline underline''
358+ <td> none | underline || overline || line-through || blink
359+ <td> ''overline underline''
360360 <tr><td> <a property>font-family</a>
361- <td> [ <family-name> | <generic-family> ] #
362- <td> ''"Gill Sans", Futura, sans-serif''
361+ <td> [ <family-name> | <generic-family> ] #
362+ <td> ''"Gill Sans", Futura, sans-serif''
363363 <tr><td> 'border-width'
364- <td> [ <length> | thick | medium | thin ] {1,4}
365- <td> ''2px medium 4px''
364+ <td> [ <length> | thick | medium | thin ] {1,4}
365+ <td> ''2px medium 4px''
366366 <tr><td> 'box-shadow'
367- <td> [ inset? && <length>{2,4} && <color>? ] # | none
368- <td> ''3px 3px rgba(50%, 50%, 50%, 50%), lemonchiffon 0 0 4px inset''
367+ <td> [ inset? && <length>{2,4} && <color>? ] # | none
368+ <td> ''3px 3px rgba(50%, 50%, 50%, 50%), lemonchiffon 0 0 4px inset''
369369 </tbody>
370370 </table>
371371 </div>
@@ -2155,30 +2155,32 @@ Absolute Lengths: the ''cm'', ''mm'', ''Q'', ''in'', ''pt'', ''pc'', ''px'' unit
21552155 <table class="data" export>
21562156 <thead>
21572157 <tr><th> unit
2158- <th> name
2159- <th> equivalence
2158+ <th> name
2159+ <th> equivalence
21602160 <tbody dfn-type=value dfn-for="<length> ">
21612161 <tr><th> <dfn id="cm">cm</dfn>
2162- <td> centimeters
2163- <td> 1cm = 96px/2.54
2162+ <td> centimeters
2163+ <td> 1cm = 96px/2.54
21642164 <tr><th> <dfn id="mm">mm</dfn>
2165- <td> millimeters
2166- <td> 1mm = 1/10th of 1cm
2165+ <td> millimeters
2166+ <td> 1mm = 1/10th of 1cm
21672167 <tr><th> <dfn id="Q">Q</dfn>
2168- <td> quarter-millimeters
2169- <td> 1Q = 1/40th of 1cm
2168+ <td> quarter-millimeters
2169+ <td> 1Q = 1/40th of 1cm
21702170 <tr><th> <dfn id="in">in</dfn>
2171- <td> inches
2172- <td> 1in = 2.54cm = 96px
2171+ <td> inches
2172+ <td> 1in = 2.54cm = 96px
21732173 <tr><th> <dfn id="pc">pc</dfn>
2174- <td> picas
2175- <td> 1pc = 1/6th of 1in
2174+ <td> picas
2175+ <td> 1pc = 1/6th of 1in
2176+
2177+
21762178 <tr><th> <dfn id="pt">pt</dfn>
2177- <td> points
2178- <td> 1pt = 1/72nd of 1in
2179+ <td> points
2180+ <td> 1pt = 1/72nd of 1in
21792181 <tr><th> <dfn id="px" lt="px">px</dfn>
2180- <td> pixels
2181- <td> 1px = 1/96th of 1in
2182+ <td> pixels
2183+ <td> 1px = 1/96th of 1in
21822184 </table>
21832185
21842186 <div class="example">
@@ -2254,16 +2256,16 @@ Absolute Lengths: the ''cm'', ''mm'', ''Q'', ''in'', ''pt'', ''pc'', ''px'' unit
22542256
22552257 <figure>
22562258 <img src="images/pixel1.png"
2257- alt="This diagram illustrates how the definition of a pixel
2258- depends on the users distance from the viewing surface
2259- (paper or screen).
2260- The image depicts the user looking at two planes, one
2261- 28 inches (71 cm) from the user, the second 140 inches
2262- (3.5 m) from the user. An expanding cone is projected
2263- from the user's eye onto each plane. Where the cone
2264- strikes the first plane, the projected pixel is 0.26 mm
2265- high. Where the cone strikes the second plane, the
2266- projected pixel is 1.4 mm high.">
2259+ alt="This diagram illustrates how the definition of a pixel
2260+ depends on the users distance from the viewing surface
2261+ (paper or screen).
2262+ The image depicts the user looking at two planes, one
2263+ 28 inches (71 cm) from the user, the second 140 inches
2264+ (3.5 m) from the user. An expanding cone is projected
2265+ from the user's eye onto each plane. Where the cone
2266+ strikes the first plane, the projected pixel is 0.26 mm
2267+ high. Where the cone strikes the second plane, the
2268+ projected pixel is 1.4 mm high.">
22672269 <figcaption> Showing that pixels must become larger if the viewing distance increases</figcaption>
22682270 </figure>
22692271
@@ -2275,14 +2277,14 @@ Absolute Lengths: the ''cm'', ''mm'', ''Q'', ''in'', ''pt'', ''pc'', ''px'' unit
22752277
22762278 <figure>
22772279 <img src="images/pixel2.png"
2278- alt='This diagram illustrates the relationship between the
2279- reference pixel and device pixels (called "dots" below).
2280- The image depicts a high resolution (large dot density)
2281- laser printer output on the left and a low resolution
2282- monitor screen on the right. For the laser printer, one
2283- square reference pixel is implemented by 16 dots. For
2284- the monitor screen, one square reference pixel is
2285- implemented by a single dot.'>
2280+ alt='This diagram illustrates the relationship between the
2281+ reference pixel and device pixels (called "dots" below).
2282+ The image depicts a high resolution (large dot density)
2283+ laser printer output on the left and a low resolution
2284+ monitor screen on the right. For the laser printer, one
2285+ square reference pixel is implemented by 16 dots. For
2286+ the monitor screen, one square reference pixel is
2287+ implemented by a single dot.'>
22862288 <figcaption> Showing that more device pixels (dots) are needed to cover a 1px by 1px area
22872289 on a high-resolution device than on a lower-resolution one
22882290 (of the same approximate viewing distance)</figcaption>
@@ -4957,33 +4959,33 @@ Appendix A: Recommended Minimum Ranges and Precision of Computed Values</h2>
49574959 <table class="data">
49584960 <thead>
49594961 <tr><th> Type
4960- <th> Recommended Minimum Precision
4961- <th> Recommended Minimum Maximum (Absolute Value)
4962+ <th> Recommended Minimum Precision
4963+ <th> Recommended Minimum Maximum (Absolute Value)
49624964 </thead>
49634965 <tbody>
49644966 <tr><th> <<integer>>
4965- <td> 1
4966- <td> 2<sup> 23</sup> −1
4967+ <td> 1
4968+ <td> 2<sup> 23</sup> −1
49674969 <tr><th> <<number>>
4968- <td> 0.01
4969- <small> (within the range -100 < <var> x</var> < 100)</small>
4970- <td> 2<sup> 17</sup> −1
4970+ <td> 0.01
4971+ <small> (within the range -100 < <var> x</var> < 100)</small>
4972+ <td> 2<sup> 17</sup> −1
49714973 <tr><th> <<percentage>>
4972- <td> 0.01%
4973- <small> (within the range -100 < <var> x</var> < 100)</small>
4974- <td> (2<sup> 17</sup> −1)%
4974+ <td> 0.01%
4975+ <small> (within the range -100 < <var> x</var> < 100)</small>
4976+ <td> (2<sup> 17</sup> −1)%
49754977 <tr><th> <<length>>
4976- <td> 0.1px
4977- <td> (2<sup> 23</sup> −1)px
4978+ <td> 0.1px
4979+ <td> (2<sup> 23</sup> −1)px
49784980 <tr><th> <<angle>>
4979- <td> 0.1deg
4980- <td> (2<sup> 23</sup> −1)deg
4981+ <td> 0.1deg
4982+ <td> (2<sup> 23</sup> −1)deg
49814983 <tr><th> <<time>>
4982- <td> 1ms
4983- <td> (2<sup> 23</sup> −1)ms
4984+ <td> 1ms
4985+ <td> (2<sup> 23</sup> −1)ms
49844986 <tr><th> <<frequency>>
4985- <td> 0.01Hz
4986- <td> (2<sup> 17</sup> −1)Hz
4987+ <td> 0.01Hz
4988+ <td> (2<sup> 17</sup> −1)Hz
49874989 </tbody>
49884990 </table>
49894991
@@ -5220,7 +5222,7 @@ Additions Since Level 3</h3>
52205222 allowing multiplication and division of [=dimensions=] .
52215223 <li> Added back ''toggle()'' (punted from level 3 originally).
52225224 <li> A non-integer in a calc() automatically rounds to the nearest integer
5223- when used where an <<integer>> is required.
5225+ when used where an <<integer>> is required.
52245226 <li> Defined [[#calc-serialize|serialization]] of [=math functions=] .
52255227 </ul>
52265228
0 commit comments