@@ -23,6 +23,8 @@ spec:css-transforms-1; type:dfn;
23
23
text:local coordinate system
24
24
spec:svg2; type:dfn;
25
25
text: segment-completing close path
26
+ spec: css-backgrounds-3; type:property;
27
+ text: border-radius
26
28
</pre>
27
29
28
30
@@ -399,7 +401,7 @@ Issue: all of these examples need to be rewritten.
399
401
</body>
400
402
</code></pre>
401
403
<figure>
402
- <img alt="An image of boxes positioned without contain" src="images/offset_distance_without_contain.png" style="width: 200px;"/ >
404
+ <img alt="An image of boxes positioned without contain" src="images/offset_distance_without_contain.png" style="width: 200px;">
403
405
<figcaption> 'offset-path' without 'contain' </figcaption>
404
406
</figure>
405
407
@@ -434,7 +436,7 @@ Issue: all of these examples need to be rewritten.
434
436
</body>
435
437
</code></pre>
436
438
<figure>
437
- <img alt="An image of boxes positioned with contain" src="images/offset_distance_with_contain.png" width=200 height=220/ >
439
+ <img alt="An image of boxes positioned with contain" src="images/offset_distance_with_contain.png" width=200 height=220>
438
440
<figcaption> 'offset-path' with 'contain' </figcaption>
439
441
</figure>
440
442
@@ -465,7 +467,7 @@ Issue: all of these examples need to be rewritten.
465
467
</body>
466
468
</code></pre>
467
469
<figure>
468
- <img alt="An image of an increased path size" src="images/increase-size.svg" width="400" height="335" / >
470
+ <img alt="An image of an increased path size" src="images/increase-size.svg" width="400" height="335" >
469
471
<figcaption> 'offset-path' with path size increased</figcaption>
470
472
</figure>
471
473
@@ -498,7 +500,7 @@ Issue: all of these examples need to be rewritten.
498
500
</div>
499
501
</code></pre>
500
502
<figure>
501
- <img alt="An image with initial position outside the containing block" src="images/initial-outside.svg" width=700 height=460 / >
503
+ <img alt="An image with initial position outside the containing block" src="images/initial-outside.svg" width=700 height=460 >
502
504
<figcaption> Initial position outside the containing block</figcaption>
503
505
</figure>
504
506
</div>
@@ -567,7 +569,7 @@ Issue: all of these examples need to be rewritten.
567
569
</body>
568
570
</code></pre>
569
571
<figure>
570
- <img alt="An image of example for geometry-box with border-radius" src="images/geometry-box.svg" width=470 height=270 / >
572
+ <img alt="An image of example for geometry-box with border-radius" src="images/geometry-box.svg" width=470 height=270 >
571
573
<figcaption> The initial position is the left end of the top horizontal line.</figcaption>
572
574
</figure>
573
575
</div>
@@ -679,7 +681,7 @@ This example shows boxes placed along an unclosed interval.
679
681
</code></pre>
680
682
<figure>
681
683
<img src="images/offset-distance-unclosed.svg" width=700 height=270
682
- alt="An example of boxes placed along an unclosed interval"/ >
684
+ alt="An example of boxes placed along an unclosed interval">
683
685
<figcaption> An example of boxes placed along an unclosed interval</figcaption>
684
686
</figure>
685
687
</div>
@@ -711,7 +713,7 @@ This example shows boxes placed along a closed interval.
711
713
</code></pre>
712
714
<figure>
713
715
<img src="images/offset-distance-closed.svg" width=700 height=270
714
- alt="An example of boxes placed along a closed interval"/ >
716
+ alt="An example of boxes placed along a closed interval">
715
717
<figcaption> An example of boxes placed along a closed interval</figcaption>
716
718
</figure>
717
719
</div>
@@ -757,7 +759,7 @@ This example shows boxes placed along a closed interval.
757
759
</body>
758
760
</code></pre>
759
761
<figure>
760
- <img alt="An image of three boxes positioned to polar coordinates" src="images/simple_offset_position.png" style="width: 300px;"/ >
762
+ <img alt="An image of three boxes positioned to polar coordinates" src="images/simple_offset_position.png" style="width: 300px;">
761
763
<figcaption> An example of positioning box in polar coordinates</figcaption>
762
764
</figure>
763
765
</div>
@@ -848,7 +850,7 @@ Values are defined as follows:
848
850
</body>
849
851
</code></pre>
850
852
<figure>
851
- <img alt="An image of offset-position: auto" src="images/offset_position_auto.png" width="300"/ >
853
+ <img alt="An image of offset-position: auto" src="images/offset_position_auto.png" width="300">
852
854
<figcaption> An example when ''offset-position/auto'' is given to 'offset-position' </figcaption>
853
855
</figure>
854
856
</div>
@@ -900,7 +902,7 @@ This example shows the interaction with the 'transform' property, and with an in
900
902
</body>
901
903
</code></pre>
902
904
<figure>
903
- <img alt="An example when motion path and other transforms interact" src="images/position-transform.svg" width="400" height="350"/ >
905
+ <img alt="An example when motion path and other transforms interact" src="images/position-transform.svg" width="400" height="350">
904
906
<figcaption> An example when motion path and other transforms interact</figcaption>
905
907
</figure>
906
908
</div>
@@ -951,7 +953,7 @@ This example uses 'position' ''static'', so 'offset-position' generates translat
951
953
</body>
952
954
</code></pre>
953
955
<figure>
954
- <img alt="An example when motion path and scale interact" src="images/position-scale.svg" width="604" height="304"/ >
956
+ <img alt="An example when motion path and scale interact" src="images/position-scale.svg" width="604" height="304">
955
957
<figcaption> An example when motion path and scale interact</figcaption>
956
958
</figure>
957
959
</div>
@@ -1012,7 +1014,7 @@ In this example, each 'offset-position' value is ignored as 'offset-path' is a <
1012
1014
</body>
1013
1015
</code></pre>
1014
1016
<figure>
1015
- <img alt="An example when offset-position is ignored" src="images/position-absolute.svg" width="550" height="430"/ >
1017
+ <img alt="An example when offset-position is ignored" src="images/position-absolute.svg" width="550" height="430">
1016
1018
<figcaption> An example when offset-position is ignored</figcaption>
1017
1019
</figure>
1018
1020
</div>
@@ -1397,7 +1399,7 @@ Values have the following meanings:
1397
1399
</body>
1398
1400
</code></pre>
1399
1401
<figure>
1400
- <img alt="An image of example for offset-rotate" src="images/rotate_by_angle_with_auto.png" style="width: 250px; text-align: center"/ >
1402
+ <img alt="An image of example for offset-rotate" src="images/rotate_by_angle_with_auto.png" style="width: 250px; text-align: center">
1401
1403
<figcaption> The boxes are rotated by the value of ''offset-rotate/auto'' with a fixed amount of degree.</figcaption>
1402
1404
</figure>
1403
1405
</div>
0 commit comments