1<div class="container">
2  <!-- PERCENTAGE_LENGTH_VALIDATOR_test -->
3  <div style="width: 100%;">style_test1</div>
4
5  <!-- LENGTH_VALIDATOR_test -->
6  <div style="height: {{height}}">style_test2</div>
7
8  <!-- COLOR_VALIDATOR_test_1 -->
9  <div style="color: #008000;">style_test3</div>
10
11  <!-- COLOR_VALIDATOR_test_2 -->
12  <div style="color: red;">style_test4</div>
13
14  <!-- COLOR_VALIDATOR_test_3 -->
15  <div style="color: rgba(200, 180, 120, 1.0);">style_test5</div>
16
17  <!-- TIME_VALIDATOR_test -->
18  <div style="animation-duration: 400ms;">style_test6</div>
19
20  <!-- ITERATIONCOUNT_VALIDATOR_test -->
21  <div style="animation-iteration-count: 4;">style_test7</div>
22
23  <!-- TRANSITION_TIMING_FUNCTION_VALIDATOR_test -->
24  <div style="animation-timing-function: linear;">style_test8</div>
25
26  <!-- EnumValidator_test -->
27  <div style="animation-fill-mode: forwards;">style_test9</div>
28
29  <!-- GRID_TEMPLATE_VALIDATOR_test -->
30  <div style="grid-template-columns: 50px 100px 60px;">style_test10</div>
31
32  <!-- NUMBER_VALIDATOR_test -->
33  <div style="grid-row-start: 2;">style_test11</div>
34
35  <!-- BORDER_VALIDATOR_test -->
36  <div style="border: 5px solid #FF0000;">style_test12</div>
37
38  <!-- TEXT_INDENT_VALIDATOR_test -->
39  <div style="text-indent: 50px;">style_test13</div>
40
41  <!-- URL_VALIDATOR_test_1 -->
42  <div style="background-image: url(/common/img/xmad.jpg);">style_test14</div>
43
44  <!-- TRANSITION_PROPERTY_VALIDATOR_test -->
45  <div style="transition-property: width;">style_test15</div>
46
47  <!-- TRANSITION_INTERVAL_VALIDATOR_test -->
48  <div style="transition-duration: 5s;">style_test16</div>
49
50  <!-- TRANSFORM_VALIDATOR_test -->
51  <div style="transform: rotate(7deg);">style_test17</div>
52
53  <!-- TRANSFORM_ORIGIN_VALIDATOR_test -->
54  <div style="transform-origin: 20% 40%;">style_test18</div>
55
56  <!-- ANGLE_VALIDATOR_test -->
57  <progress style="start-angle: 240deg;">style_test19</progress>
58
59  <!-- ANYTHING_VALIDATOR_test -->
60  <picker-view style="selected-font-family: PingFangSC-Regular;">style_test20</picker-view>
61
62  <!-- SHORTHAND_LENGTH_VALIDATOR_test -->
63  <div style="padding: 10px 15px;">style_test21</div>
64
65  <!-- THREE-STAGE_STYLE_test -->
66  <div style="display:{{isFullWindow?'flex':'none'}}">style_test22</div>
67
68  <!-- URL_VALIDATOR_test_2 -->
69  <div style="background-image: url('https://img2.baidu.com/it/u=2000577849,825990840&fm=26&fmt=auto');">style_test23</div>
70</div>