16a23e08bSopenharmony_ci<div class="container"> 26a23e08bSopenharmony_ci <!-- PERCENTAGE_LENGTH_VALIDATOR_test --> 36a23e08bSopenharmony_ci <div style="width: 100%;">style_test1</div> 46a23e08bSopenharmony_ci 56a23e08bSopenharmony_ci <!-- LENGTH_VALIDATOR_test --> 66a23e08bSopenharmony_ci <div style="height: {{height}}">style_test2</div> 76a23e08bSopenharmony_ci 86a23e08bSopenharmony_ci <!-- COLOR_VALIDATOR_test_1 --> 96a23e08bSopenharmony_ci <div style="color: #008000;">style_test3</div> 106a23e08bSopenharmony_ci 116a23e08bSopenharmony_ci <!-- COLOR_VALIDATOR_test_2 --> 126a23e08bSopenharmony_ci <div style="color: red;">style_test4</div> 136a23e08bSopenharmony_ci 146a23e08bSopenharmony_ci <!-- COLOR_VALIDATOR_test_3 --> 156a23e08bSopenharmony_ci <div style="color: rgba(200, 180, 120, 1.0);">style_test5</div> 166a23e08bSopenharmony_ci 176a23e08bSopenharmony_ci <!-- TIME_VALIDATOR_test --> 186a23e08bSopenharmony_ci <div style="animation-duration: 400ms;">style_test6</div> 196a23e08bSopenharmony_ci 206a23e08bSopenharmony_ci <!-- ITERATIONCOUNT_VALIDATOR_test --> 216a23e08bSopenharmony_ci <div style="animation-iteration-count: 4;">style_test7</div> 226a23e08bSopenharmony_ci 236a23e08bSopenharmony_ci <!-- TRANSITION_TIMING_FUNCTION_VALIDATOR_test --> 246a23e08bSopenharmony_ci <div style="animation-timing-function: linear;">style_test8</div> 256a23e08bSopenharmony_ci 266a23e08bSopenharmony_ci <!-- EnumValidator_test --> 276a23e08bSopenharmony_ci <div style="animation-fill-mode: forwards;">style_test9</div> 286a23e08bSopenharmony_ci 296a23e08bSopenharmony_ci <!-- GRID_TEMPLATE_VALIDATOR_test --> 306a23e08bSopenharmony_ci <div style="grid-template-columns: 50px 100px 60px;">style_test10</div> 316a23e08bSopenharmony_ci 326a23e08bSopenharmony_ci <!-- NUMBER_VALIDATOR_test --> 336a23e08bSopenharmony_ci <div style="grid-row-start: 2;">style_test11</div> 346a23e08bSopenharmony_ci 356a23e08bSopenharmony_ci <!-- BORDER_VALIDATOR_test --> 366a23e08bSopenharmony_ci <div style="border: 5px solid #FF0000;">style_test12</div> 376a23e08bSopenharmony_ci 386a23e08bSopenharmony_ci <!-- TEXT_INDENT_VALIDATOR_test --> 396a23e08bSopenharmony_ci <div style="text-indent: 50px;">style_test13</div> 406a23e08bSopenharmony_ci 416a23e08bSopenharmony_ci <!-- URL_VALIDATOR_test_1 --> 426a23e08bSopenharmony_ci <div style="background-image: url(/common/img/xmad.jpg);">style_test14</div> 436a23e08bSopenharmony_ci 446a23e08bSopenharmony_ci <!-- TRANSITION_PROPERTY_VALIDATOR_test --> 456a23e08bSopenharmony_ci <div style="transition-property: width;">style_test15</div> 466a23e08bSopenharmony_ci 476a23e08bSopenharmony_ci <!-- TRANSITION_INTERVAL_VALIDATOR_test --> 486a23e08bSopenharmony_ci <div style="transition-duration: 5s;">style_test16</div> 496a23e08bSopenharmony_ci 506a23e08bSopenharmony_ci <!-- TRANSFORM_VALIDATOR_test --> 516a23e08bSopenharmony_ci <div style="transform: rotate(7deg);">style_test17</div> 526a23e08bSopenharmony_ci 536a23e08bSopenharmony_ci <!-- TRANSFORM_ORIGIN_VALIDATOR_test --> 546a23e08bSopenharmony_ci <div style="transform-origin: 20% 40%;">style_test18</div> 556a23e08bSopenharmony_ci 566a23e08bSopenharmony_ci <!-- ANGLE_VALIDATOR_test --> 576a23e08bSopenharmony_ci <progress style="start-angle: 240deg;">style_test19</progress> 586a23e08bSopenharmony_ci 596a23e08bSopenharmony_ci <!-- ANYTHING_VALIDATOR_test --> 606a23e08bSopenharmony_ci <picker-view style="selected-font-family: PingFangSC-Regular;">style_test20</picker-view> 616a23e08bSopenharmony_ci 626a23e08bSopenharmony_ci <!-- SHORTHAND_LENGTH_VALIDATOR_test --> 636a23e08bSopenharmony_ci <div style="padding: 10px 15px;">style_test21</div> 646a23e08bSopenharmony_ci 656a23e08bSopenharmony_ci <!-- THREE-STAGE_STYLE_test --> 666a23e08bSopenharmony_ci <div style="display:{{isFullWindow?'flex':'none'}}">style_test22</div> 676a23e08bSopenharmony_ci 686a23e08bSopenharmony_ci <!-- URL_VALIDATOR_test_2 --> 696a23e08bSopenharmony_ci <div style="background-image: url('https://img2.baidu.com/it/u=2000577849,825990840&fm=26&fmt=auto');">style_test23</div> 706a23e08bSopenharmony_ci</div>
