Skip to content

Commit 42f0da4

Browse files
fantasaifantasai
committed
[css-values-4][editorial] Adjust indentation
1 parent 9b9e0c9 commit 42f0da4

File tree

1 file changed

+118
-93
lines changed

1 file changed

+118
-93
lines changed

‎css-values-4/Overview.bs

Lines changed: 118 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -451,33 +451,42 @@ Property Value Examples</h3>
451451
<div class=example>
452452
<table class="data" id="propvalues">
453453
<thead>
454-
<tr><th>Property
454+
<tr>
455+
<th>Property
455456
<th>Value definition field
456457
<th>Example value
457458
</thead>
458459
<tbody>
459-
<tr><td>'orphans'
460+
<tr>
461+
<td>'orphans'
460462
<td>&lt;integer>
461463
<td>''3''
462-
<tr><td>'text-align'
464+
<tr>
465+
<td>'text-align'
463466
<td>left | right | center | justify
464467
<td>''text-align/center''
465-
<tr><td>'padding-top'
468+
<tr>
469+
<td>'padding-top'
466470
<td>&lt;length> | &lt;percentage>
467471
<td>''5%''
468-
<tr><td>'outline-color'
472+
<tr>
473+
<td>'outline-color'
469474
<td>&lt;color> | invert
470475
<td>''#fefefe''
471-
<tr><td>'text-decoration'
476+
<tr>
477+
<td>'text-decoration'
472478
<td>none | underline || overline || line-through || blink
473479
<td>''overline underline''
474-
<tr><td><a property>font-family</a>
480+
<tr>
481+
<td><a property>font-family</a>
475482
<td>[ &lt;family-name> | &lt;generic-family> ]#
476483
<td>''"Gill Sans", Futura, sans-serif''
477-
<tr><td>'border-width'
484+
<tr>
485+
<td>'border-width'
478486
<td>[ &lt;length> | thick | medium | thin ]{1,4}
479487
<td>''2px medium 4px''
480-
<tr><td>'box-shadow'
488+
<tr>
489+
<td>'box-shadow'
481490
<td>[ inset? && &lt;length>{2,4} && &lt;color>? ]# | none
482491
<td>''3px 3px rgba(50%, 50%, 50%, 50%), lemonchiffon 0 0 4px inset''
483492
</tbody>
@@ -2392,29 +2401,37 @@ Absolute Lengths: the ''cm'', ''mm'', ''Q'', ''in'', ''pt'', ''pc'', ''px'' unit
23922401

23932402
<table class="data" export>
23942403
<thead>
2395-
<tr><th>unit
2404+
<tr>
2405+
<th>unit
23962406
<th>name
23972407
<th>equivalence
23982408
<tbody dfn-type=value dfn-for="<length>">
2399-
<tr><th><dfn id="cm">cm</dfn>
2409+
<tr>
2410+
<th><dfn id="cm">cm</dfn>
24002411
<td>centimeters
24012412
<td>1cm = 96px/2.54
2402-
<tr><th><dfn id="mm">mm</dfn>
2413+
<tr>
2414+
<th><dfn id="mm">mm</dfn>
24032415
<td>millimeters
24042416
<td>1mm = 1/10th of 1cm
2405-
<tr><th><dfn id="Q">Q</dfn>
2417+
<tr>
2418+
<th><dfn id="Q">Q</dfn>
24062419
<td>quarter-millimeters
24072420
<td>1Q = 1/40th of 1cm
2408-
<tr><th><dfn id="in">in</dfn>
2421+
<tr>
2422+
<th><dfn id="in">in</dfn>
24092423
<td>inches
24102424
<td>1in = 2.54cm = 96px
2411-
<tr><th><dfn id="pc">pc</dfn>
2425+
<tr>
2426+
<th><dfn id="pc">pc</dfn>
24122427
<td>picas
24132428
<td>1pc = 1/6th of 1in
2414-
<tr><th><dfn id="pt">pt</dfn>
2429+
<tr>
2430+
<th><dfn id="pt">pt</dfn>
24152431
<td>points
24162432
<td>1pt = 1/72nd of 1in
2417-
<tr><th><dfn id="px" lt="px">px</dfn>
2433+
<tr>
2434+
<th><dfn id="px" lt="px">px</dfn>
24182435
<td>pixels
24192436
<td>1px = 1/96th of 1in
24202437
</table>
@@ -2498,38 +2515,43 @@ Absolute Lengths: the ''cm'', ''mm'', ''Q'', ''in'', ''pt'', ''pc'', ''px'' unit
24982515

24992516
<figure>
25002517
<img src="images/pixel1.png"
2501-
alt="This diagram illustrates how the definition of a pixel
2502-
depends on the users distance from the viewing surface
2503-
(paper or screen).
2504-
The image depicts the user looking at two planes, one
2505-
28 inches (71 cm) from the user, the second 140 inches
2506-
(3.5 m) from the user. An expanding cone is projected
2507-
from the user's eye onto each plane. Where the cone
2508-
strikes the first plane, the projected pixel is 0.26 mm
2509-
high. Where the cone strikes the second plane, the
2510-
projected pixel is 1.4 mm high.">
2511-
<figcaption>Showing that pixels must become larger if the viewing distance increases</figcaption>
2518+
alt="This diagram illustrates how the definition of a pixel
2519+
depends on the users distance from the viewing surface
2520+
(paper or screen).
2521+
The image depicts the user looking at two planes,
2522+
one 28 inches (71 cm) from the user,
2523+
the second 140 inches (3.5 m) from the user.
2524+
An expanding cone is projected from the user's eye onto each plane.
2525+
Where the cone strikes the first plane,
2526+
the projected pixel is 0.26 mm high.
2527+
Where the cone strikes the second plane,
2528+
the projected pixel is 1.4 mm high.">
2529+
<figcaption>
2530+
Showing that pixels must become larger if the viewing distance increases
2531+
</figcaption>
25122532
</figure>
25132533

2514-
This second image illustrates the effect of a device's resolution
2515-
on the pixel unit: an area of 1px by 1px is covered by a single dot
2516-
in a low-resolution device (e.g. a typical computer display), while
2517-
the same area is covered by 16 dots in a higher resolution device
2534+
This second image illustrates the effect of a device's resolution on the pixel unit:
2535+
an area of 1px by 1px is covered by a single dot in a low-resolution device
2536+
(e.g. a typical computer display),
2537+
while the same area is covered by 16 dots in a higher resolution device
25182538
(such as a printer).
25192539

25202540
<figure>
25212541
<img src="images/pixel2.png"
2522-
alt='This diagram illustrates the relationship between the
2523-
reference pixel and device pixels (called "dots" below).
2524-
The image depicts a high resolution (large dot density)
2525-
laser printer output on the left and a low resolution
2526-
monitor screen on the right. For the laser printer, one
2527-
square reference pixel is implemented by 16 dots. For
2528-
the monitor screen, one square reference pixel is
2529-
implemented by a single dot.'>
2530-
<figcaption>Showing that more device pixels (dots) are needed to cover a 1px by 1px area
2531-
on a high-resolution device than on a lower-resolution one
2532-
(of the same approximate viewing distance)</figcaption>
2542+
alt="This diagram illustrates the relationship between
2543+
the reference pixel and device pixels (called “dots” below).
2544+
The image depicts
2545+
a high resolution (large dot density) laser printer output on the left
2546+
and a low resolution monitor screen on the right.
2547+
For the laser printer, one square reference pixel is implemented by 16 dots.
2548+
For the monitor screen, one square reference pixel is implemented by a single dot.">
2549+
<figcaption>
2550+
Showing that more device pixels (dots) are needed
2551+
to cover a 1px by 1px area on a high-resolution device
2552+
than on a lower-resolution one
2553+
(of the same approximate viewing distance)
2554+
</figcaption>
25332555
</figure>
25342556

25352557
<wpt>
@@ -5257,54 +5279,57 @@ Combination of Math Functions</h3>
52575279
<h2 id="limits">
52585280
Appendix A: Recommended Minimum Ranges and Precision of Computed Values</h2>
52595281

5260-
5261-
For unrestricted values, the recommended minimum range and precision
5262-
of computed values
5263-
is given in the table below.
5282+
For unrestricted values, the recommended minimum range and precision
5283+
of computed values
5284+
is given in the table below.
52645285

52655286
<table class="data">
5266-
<thead>
5267-
<tr><th>Type
5268-
<th>Recommended Minimum Precision
5269-
<th>Recommended Minimum Maximum (Absolute Value)
5270-
</thead>
5271-
<tbody>
5272-
<tr><th><<integer>>
5273-
<td>1
5274-
<td>2<sup>23</sup>&minus;1
5275-
<tr><th><<number>>
5276-
<td>0.01
5277-
<small>(within the range -100 &lt; <var>x</var> &lt; 100)</small>
5278-
<td>2<sup>17</sup>&minus;1
5279-
<tr><th><<percentage>>
5280-
<td>0.01%
5281-
<small>(within the range -100 &lt; <var>x</var> &lt; 100)</small>
5282-
<td>(2<sup>17</sup>&minus;1)%
5283-
<tr><th><<length>>
5284-
<td>0.1px
5285-
<td>(2<sup>23</sup>&minus;1)px
5286-
<tr><th><<angle>>
5287-
<td>0.1deg
5288-
<td>(2<sup>23</sup>&minus;1)deg
5289-
<tr><th><<time>>
5290-
<td>1ms
5291-
<td>(2<sup>23</sup>&minus;1)ms
5292-
<tr><th><<frequency>>
5293-
<td>0.01Hz
5294-
<td>(2<sup>17</sup>&minus;1)Hz
5295-
</tbody>
5296-
</table>
5297-
5287+
<thead>
5288+
<tr>
5289+
<th>Type
5290+
<th>Recommended Minimum Precision
5291+
<th>Recommended Minimum Maximum (Absolute Value)
5292+
<tbody>
5293+
<tr>
5294+
<th><<integer>>
5295+
<td>1
5296+
<td>2<sup>23</sup>&minus;1
5297+
<tr>
5298+
<th><<number>>
5299+
<td>0.01
5300+
<small>(within the range -100 &lt; <var>x</var> &lt; 100)</small>
5301+
<td>2<sup>17</sup>&minus;1
5302+
<tr>
5303+
<th><<percentage>>
5304+
<td>0.01%
5305+
<small>(within the range -100 &lt; <var>x</var> &lt; 100)</small>
5306+
<td>(2<sup>17</sup>&minus;1)%
5307+
<tr>
5308+
<th><<length>>
5309+
<td>0.1px
5310+
<td>(2<sup>23</sup>&minus;1)px
5311+
<tr>
5312+
<th><<angle>>
5313+
<td>0.1deg
5314+
<td>(2<sup>23</sup>&minus;1)deg
5315+
<tr>
5316+
<th><<time>>
5317+
<td>1ms
5318+
<td>(2<sup>23</sup>&minus;1)ms
5319+
<tr>
5320+
<th><<frequency>>
5321+
<td>0.01Hz
5322+
<td>(2<sup>17</sup>&minus;1)Hz
5323+
</table>
52985324

5299-
Values outside the supported range must be clamped into the supported range.
5300-
Values specified with an unsupported amount of precision must be rounded
5301-
to the closest supported value when parsed;
5302-
except that values that are not equal to, but would round to,
5303-
either zero or the boundary of a closed range,
5304-
should be rounded away from that value rather than to it.
5325+
Values outside the supported range must be clamped into the supported range.
5326+
Values specified with an unsupported amount of precision must be rounded
5327+
to the closest supported value when parsed;
5328+
except that values that are not equal to, but would round to,
5329+
either zero or the boundary of a closed range,
5330+
should be rounded away from that value rather than to it.
53055331

53065332
<div class="example">
5307-
53085333
For example, in a UA that only supports a precision of 0.01,
53095334
an 'opacity' value of ''0.9999'' would round to ''0.99'', not ''1.0'',
53105335
and would therefore cause the element to create a stacking context.
@@ -5313,13 +5338,13 @@ Appendix A: Recommended Minimum Ranges and Precision of Computed Values</h2>
53135338
</div>
53145339

53155340

5316-
When arithmetic is performed with numeric types
5317-
(for example, in the ''calc()'' expression),
5318-
if the result is unsupported
5319-
it must also be clamped/rounded as necessary.
5320-
<span class="note">
5321-
Note this means that rounding errors <em>may</em> accumulate.
5322-
</span>
5341+
When arithmetic is performed with numeric types
5342+
(for example, in the ''calc()'' expression),
5343+
if the result is unsupported
5344+
it must also be clamped/rounded as necessary.
5345+
<span class="note">
5346+
Note this means that rounding errors <em>may</em> accumulate.
5347+
</span>
53235348
-->
53245349

53255350

0 commit comments

Comments
 (0)