1# picker<a name="EN-US_TOPIC_0000001162494613"></a> 2 3- [Permission List](#en-us_topic_0000001059340512_section11257113618419) 4- [Child Component](#en-us_topic_0000001059340512_section9288143101012) 5- [Attribute](#en-us_topic_0000001059340512_section2907183951110) 6- [Event](#en-us_topic_0000001059340512_section3892191911214) 7- [Style](#en-us_topic_0000001059340512_section1299175511712) 8- [Method](#en-us_topic_0000001059340512_section47669296127) 9 10The **<picker\>** component supports common, date, time, data and time, and multi-column text selectors. 11 12## Permission List<a name="en-us_topic_0000001059340512_section11257113618419"></a> 13 14None 15 16## Child Component<a name="en-us_topic_0000001059340512_section9288143101012"></a> 17 18Not supported 19 20## Attribute<a name="en-us_topic_0000001059340512_section2907183951110"></a> 21 22<a name="en-us_topic_0000001059340512_table20633101642315"></a> 23<table><thead align="left"><tr id="en-us_topic_0000001059340512_row663331618238"><th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.1"><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a9ba8c579217b4b8b841b035f1d28b20e"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a9ba8c579217b4b8b841b035f1d28b20e"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a9ba8c579217b4b8b841b035f1d28b20e"></a>Name</p> 24</th> 25<th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.2"><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a633002333b024497914a4b172446f14e"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a633002333b024497914a4b172446f14e"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a633002333b024497914a4b172446f14e"></a>Type</p> 26</th> 27<th class="cellrowborder" valign="top" width="10.48%" id="mcps1.1.6.1.3"><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a4950f7884c6540b9ad523ac34657d952"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a4950f7884c6540b9ad523ac34657d952"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a4950f7884c6540b9ad523ac34657d952"></a>Default Value</p> 28</th> 29<th class="cellrowborder" valign="top" width="7.5200000000000005%" id="mcps1.1.6.1.4"><p id="en-us_topic_0000001059340512_p824610360217"><a name="en-us_topic_0000001059340512_p824610360217"></a><a name="en-us_topic_0000001059340512_p824610360217"></a>Mandatory</p> 30</th> 31<th class="cellrowborder" valign="top" width="35.76%" id="mcps1.1.6.1.5"><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a1313564aa9404a338447087d5918c17d"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a1313564aa9404a338447087d5918c17d"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a1313564aa9404a338447087d5918c17d"></a>Description</p> 32</th> 33</tr> 34</thead> 35<tbody><tr id="en-us_topic_0000001059340512_row297418523612"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p1292865313615"><a name="en-us_topic_0000001059340512_p1292865313615"></a><a name="en-us_topic_0000001059340512_p1292865313615"></a>type</p> 36</td> 37<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p1092810536617"><a name="en-us_topic_0000001059340512_p1092810536617"></a><a name="en-us_topic_0000001059340512_p1092810536617"></a>string</p> 38</td> 39<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p192818533612"><a name="en-us_topic_0000001059340512_p192818533612"></a><a name="en-us_topic_0000001059340512_p192818533612"></a>-</p> 40</td> 41<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p492817531269"><a name="en-us_topic_0000001059340512_p492817531269"></a><a name="en-us_topic_0000001059340512_p492817531269"></a>No</p> 42</td> 43<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p99287536614"><a name="en-us_topic_0000001059340512_p99287536614"></a><a name="en-us_topic_0000001059340512_p99287536614"></a>Dynamic modification is not supported. Available values include:</p> 44<a name="en-us_topic_0000001059340512_ul17928553367"></a><a name="en-us_topic_0000001059340512_ul17928553367"></a><ul id="en-us_topic_0000001059340512_ul17928553367"><li><strong id="en-us_topic_0000001059340512_b1744485695110"><a name="en-us_topic_0000001059340512_b1744485695110"></a><a name="en-us_topic_0000001059340512_b1744485695110"></a>text</strong>: text selector</li><li><strong id="en-us_topic_0000001059340512_b167181151523"><a name="en-us_topic_0000001059340512_b167181151523"></a><a name="en-us_topic_0000001059340512_b167181151523"></a>data</strong>: date selector</li><li><strong id="en-us_topic_0000001059340512_b19895141115521"><a name="en-us_topic_0000001059340512_b19895141115521"></a><a name="en-us_topic_0000001059340512_b19895141115521"></a>time</strong>: time selector</li><li><strong id="en-us_topic_0000001059340512_b0802045135218"><a name="en-us_topic_0000001059340512_b0802045135218"></a><a name="en-us_topic_0000001059340512_b0802045135218"></a>datetime</strong>: date and time selector</li><li><strong id="en-us_topic_0000001059340512_b7992511155314"><a name="en-us_topic_0000001059340512_b7992511155314"></a><a name="en-us_topic_0000001059340512_b7992511155314"></a>multi-text</strong>: multi-column text selector</li></ul> 45</td> 46</tr> 47<tr id="en-us_topic_0000001059340512_row36332165231"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_adb8a73146d764f2aab50fc046169ab26"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_adb8a73146d764f2aab50fc046169ab26"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_adb8a73146d764f2aab50fc046169ab26"></a>id</p> 48</td> 49<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a06898db2627246f78e85d4fbadeee85c"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a06898db2627246f78e85d4fbadeee85c"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a06898db2627246f78e85d4fbadeee85c"></a>string</p> 50</td> 51<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ae685ead324a647bcba1bbb45c9402dd6"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ae685ead324a647bcba1bbb45c9402dd6"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ae685ead324a647bcba1bbb45c9402dd6"></a>-</p> 52</td> 53<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p42461736102118"><a name="en-us_topic_0000001059340512_p42461736102118"></a><a name="en-us_topic_0000001059340512_p42461736102118"></a>No</p> 54</td> 55<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a692121725a9b4ebbae65cd22b94b672e"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a692121725a9b4ebbae65cd22b94b672e"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a692121725a9b4ebbae65cd22b94b672e"></a>Unique ID of a component.</p> 56</td> 57</tr> 58<tr id="en-us_topic_0000001059340512_row13633131616239"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a7c032d302e1d437eac59680e066308b0"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a7c032d302e1d437eac59680e066308b0"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a7c032d302e1d437eac59680e066308b0"></a>style</p> 59</td> 60<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a6ba72f5c52df4fba9b02b5dffa26677e"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a6ba72f5c52df4fba9b02b5dffa26677e"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a6ba72f5c52df4fba9b02b5dffa26677e"></a>string</p> 61</td> 62<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a23cec1f95fd04ff1b3b20f58844ea654"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a23cec1f95fd04ff1b3b20f58844ea654"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a23cec1f95fd04ff1b3b20f58844ea654"></a>-</p> 63</td> 64<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p17246836142119"><a name="en-us_topic_0000001059340512_p17246836142119"></a><a name="en-us_topic_0000001059340512_p17246836142119"></a>No</p> 65</td> 66<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ab9c92d331da44a0e9114f6760340680a"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ab9c92d331da44a0e9114f6760340680a"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ab9c92d331da44a0e9114f6760340680a"></a>Style declaration of a component.</p> 67</td> 68</tr> 69<tr id="en-us_topic_0000001059340512_row10634131610230"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a3e97d6d2a5b84e06bf619049840a00a8"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a3e97d6d2a5b84e06bf619049840a00a8"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a3e97d6d2a5b84e06bf619049840a00a8"></a>class</p> 70</td> 71<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_af0974175e9434735b035a4db9146aa04"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_af0974175e9434735b035a4db9146aa04"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_af0974175e9434735b035a4db9146aa04"></a>string</p> 72</td> 73<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_aa5caace6225b440eba13dc2230f3ef0f"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_aa5caace6225b440eba13dc2230f3ef0f"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_aa5caace6225b440eba13dc2230f3ef0f"></a>-</p> 74</td> 75<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p324614367213"><a name="en-us_topic_0000001059340512_p324614367213"></a><a name="en-us_topic_0000001059340512_p324614367213"></a>No</p> 76</td> 77<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a2f6321cf45ae481983a88dcc2f900900"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a2f6321cf45ae481983a88dcc2f900900"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a2f6321cf45ae481983a88dcc2f900900"></a>Style class of a component, which is used to refer to a style table.</p> 78</td> 79</tr> 80<tr id="en-us_topic_0000001059340512_row1634171618236"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_p1786251117156"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_p1786251117156"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_p1786251117156"></a>ref</p> 81</td> 82<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_p1086241119157"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_p1086241119157"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_p1086241119157"></a>string</p> 83</td> 84<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_p586281111151"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_p586281111151"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_p586281111151"></a>-</p> 85</td> 86<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p1624612362219"><a name="en-us_topic_0000001059340512_p1624612362219"></a><a name="en-us_topic_0000001059340512_p1624612362219"></a>No</p> 87</td> 88<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_p113416153342"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_p113416153342"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_p113416153342"></a>Used to register reference information of child elements<span id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ph5815920163518"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ph5815920163518"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ph5815920163518"></a> or child components</span>. The reference information is registered with the parent component on <strong id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_b08212202354"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_b08212202354"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_b08212202354"></a>$refs</strong>.</p> 89</td> 90</tr> 91<tr id="en-us_topic_0000001059340512_row1863421642313"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ab8d3c8007e0a42b9962e0db009e7be9d"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ab8d3c8007e0a42b9962e0db009e7be9d"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ab8d3c8007e0a42b9962e0db009e7be9d"></a>disabled</p> 92</td> 93<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a05782d6a1a5d42918bc95813dca610d6"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a05782d6a1a5d42918bc95813dca610d6"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a05782d6a1a5d42918bc95813dca610d6"></a>boolean</p> 94</td> 95<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a3e2f721f63a74e4b974e9bd5e2f88994"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a3e2f721f63a74e4b974e9bd5e2f88994"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a3e2f721f63a74e4b974e9bd5e2f88994"></a>false</p> 96</td> 97<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p192476368214"><a name="en-us_topic_0000001059340512_p192476368214"></a><a name="en-us_topic_0000001059340512_p192476368214"></a>No</p> 98</td> 99<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a4065980a1e914cf98acce5250ee4ae5a"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a4065980a1e914cf98acce5250ee4ae5a"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a4065980a1e914cf98acce5250ee4ae5a"></a>Whether a component is disabled. If it is disabled, it cannot respond to user interaction.</p> 100</td> 101</tr> 102<tr id="en-us_topic_0000001059340512_row1263451617236"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a751c9d46a62348ec902c7fdf97468b9d"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a751c9d46a62348ec902c7fdf97468b9d"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a751c9d46a62348ec902c7fdf97468b9d"></a>data</p> 103</td> 104<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a8e6d1bb4d0bc423fb8466ee3acd1882f"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a8e6d1bb4d0bc423fb8466ee3acd1882f"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_a8e6d1bb4d0bc423fb8466ee3acd1882f"></a>string</p> 105</td> 106<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ab8cb15c9c3444b13b64945788131dce6"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ab8cb15c9c3444b13b64945788131dce6"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_ab8cb15c9c3444b13b64945788131dce6"></a>-</p> 107</td> 108<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p22471736132114"><a name="en-us_topic_0000001059340512_p22471736132114"></a><a name="en-us_topic_0000001059340512_p22471736132114"></a>No</p> 109</td> 110<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058340523_aa3f56a32296b4e85bcda2d2c00d0884f"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_aa3f56a32296b4e85bcda2d2c00d0884f"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058340523_aa3f56a32296b4e85bcda2d2c00d0884f"></a>Attribute set for a component to facilitate data storage and reading.</p> 111</td> 112</tr> 113</tbody> 114</table> 115 116Common selector \(type is **text**\) 117 118<a name="en-us_topic_0000001059340512_ta708bd4856a044b79bae50a2ce6981b8"></a> 119<table><thead align="left"><tr id="en-us_topic_0000001059340512_re08662644cee4140ad0d5bac7978cd9b"><th class="cellrowborder" valign="top" width="24.000000000000004%" id="mcps1.1.6.1.1"><p id="en-us_topic_0000001059340512_af5b093e471ec47119f04bf2fe91b6f64"><a name="en-us_topic_0000001059340512_af5b093e471ec47119f04bf2fe91b6f64"></a><a name="en-us_topic_0000001059340512_af5b093e471ec47119f04bf2fe91b6f64"></a>Name</p> 120</th> 121<th class="cellrowborder" valign="top" width="10.810000000000002%" id="mcps1.1.6.1.2"><p id="en-us_topic_0000001059340512_a8c2c2f6a645749b7852ec7dcadaca702"><a name="en-us_topic_0000001059340512_a8c2c2f6a645749b7852ec7dcadaca702"></a><a name="en-us_topic_0000001059340512_a8c2c2f6a645749b7852ec7dcadaca702"></a>Type</p> 122</th> 123<th class="cellrowborder" valign="top" width="8.63%" id="mcps1.1.6.1.3"><p id="en-us_topic_0000001059340512_aa63c3dd750aa44fb9ec9031e632f4f5f"><a name="en-us_topic_0000001059340512_aa63c3dd750aa44fb9ec9031e632f4f5f"></a><a name="en-us_topic_0000001059340512_aa63c3dd750aa44fb9ec9031e632f4f5f"></a>Default Value</p> 124</th> 125<th class="cellrowborder" valign="top" width="7.850000000000001%" id="mcps1.1.6.1.4"><p id="en-us_topic_0000001059340512_aee9661e3366543aeac6aa37e48de4c87"><a name="en-us_topic_0000001059340512_aee9661e3366543aeac6aa37e48de4c87"></a><a name="en-us_topic_0000001059340512_aee9661e3366543aeac6aa37e48de4c87"></a>Mandatory</p> 126</th> 127<th class="cellrowborder" valign="top" width="48.71%" id="mcps1.1.6.1.5"><p id="en-us_topic_0000001059340512_a2dc04c78fce4402d9dead84ab8412bb3"><a name="en-us_topic_0000001059340512_a2dc04c78fce4402d9dead84ab8412bb3"></a><a name="en-us_topic_0000001059340512_a2dc04c78fce4402d9dead84ab8412bb3"></a>Description</p> 128</th> 129</tr> 130</thead> 131<tbody><tr id="en-us_topic_0000001059340512_re8122915226c4596b2bffeae21e37b10"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p64901432865"><a name="en-us_topic_0000001059340512_p64901432865"></a><a name="en-us_topic_0000001059340512_p64901432865"></a>range</p> 132</td> 133<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p194901326610"><a name="en-us_topic_0000001059340512_p194901326610"></a><a name="en-us_topic_0000001059340512_p194901326610"></a>Array</p> 134</td> 135<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p16490183216616"><a name="en-us_topic_0000001059340512_p16490183216616"></a><a name="en-us_topic_0000001059340512_p16490183216616"></a>-</p> 136</td> 137<td class="cellrowborder" valign="top" width="7.850000000000001%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p12490132765"><a name="en-us_topic_0000001059340512_p12490132765"></a><a name="en-us_topic_0000001059340512_p12490132765"></a>No</p> 138</td> 139<td class="cellrowborder" valign="top" width="48.71%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p14907328610"><a name="en-us_topic_0000001059340512_p14907328610"></a><a name="en-us_topic_0000001059340512_p14907328610"></a>Value range of the common selector, for example, <strong id="en-us_topic_0000001059340512_b67251465227"><a name="en-us_topic_0000001059340512_b67251465227"></a><a name="en-us_topic_0000001059340512_b67251465227"></a>["15", "20", "25"]</strong>.</p> 140<div class="note" id="en-us_topic_0000001059340512_note4860842141115"><a name="en-us_topic_0000001059340512_note4860842141115"></a><a name="en-us_topic_0000001059340512_note4860842141115"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001059340512_p1386074271117"><a name="en-us_topic_0000001059340512_p1386074271117"></a><a name="en-us_topic_0000001059340512_p1386074271117"></a>Use the data binding mode, for example, range = {{data}}. Declare the corresponding variable <strong id="en-us_topic_0000001059340512_b135741835175216"><a name="en-us_topic_0000001059340512_b135741835175216"></a><a name="en-us_topic_0000001059340512_b135741835175216"></a>data: ["15", "20", "25"]</strong> in the JavaScript file.</p> 141</div></div> 142</td> 143</tr> 144<tr id="en-us_topic_0000001059340512_row2068183074711"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p54902321765"><a name="en-us_topic_0000001059340512_p54902321765"></a><a name="en-us_topic_0000001059340512_p54902321765"></a>selected</p> 145</td> 146<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p24901321469"><a name="en-us_topic_0000001059340512_p24901321469"></a><a name="en-us_topic_0000001059340512_p24901321469"></a>string</p> 147</td> 148<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p14901932863"><a name="en-us_topic_0000001059340512_p14901932863"></a><a name="en-us_topic_0000001059340512_p14901932863"></a>0</p> 149</td> 150<td class="cellrowborder" valign="top" width="7.850000000000001%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p1049018321869"><a name="en-us_topic_0000001059340512_p1049018321869"></a><a name="en-us_topic_0000001059340512_p1049018321869"></a>No</p> 151</td> 152<td class="cellrowborder" valign="top" width="48.71%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p649017329613"><a name="en-us_topic_0000001059340512_p649017329613"></a><a name="en-us_topic_0000001059340512_p649017329613"></a>Default value of the common selector. The value should be the index of <strong id="en-us_topic_0000001059340512_b1264831483012"><a name="en-us_topic_0000001059340512_b1264831483012"></a><a name="en-us_topic_0000001059340512_b1264831483012"></a>range</strong>.</p> 153</td> 154</tr> 155<tr id="en-us_topic_0000001059340512_row8381203074710"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p1349019328615"><a name="en-us_topic_0000001059340512_p1349019328615"></a><a name="en-us_topic_0000001059340512_p1349019328615"></a>value</p> 156</td> 157<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p114903324614"><a name="en-us_topic_0000001059340512_p114903324614"></a><a name="en-us_topic_0000001059340512_p114903324614"></a>string</p> 158</td> 159<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p34909328614"><a name="en-us_topic_0000001059340512_p34909328614"></a><a name="en-us_topic_0000001059340512_p34909328614"></a>-</p> 160</td> 161<td class="cellrowborder" valign="top" width="7.850000000000001%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p164909325610"><a name="en-us_topic_0000001059340512_p164909325610"></a><a name="en-us_topic_0000001059340512_p164909325610"></a>No</p> 162</td> 163<td class="cellrowborder" valign="top" width="48.71%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p04904325616"><a name="en-us_topic_0000001059340512_p04904325616"></a><a name="en-us_topic_0000001059340512_p04904325616"></a>Value of the common selector.</p> 164</td> 165</tr> 166</tbody> 167</table> 168 169Date selector \(type is **date**\) 170 171<a name="en-us_topic_0000001059340512_table174784493618"></a> 172<table><thead align="left"><tr id="en-us_topic_0000001059340512_row54789491561"><th class="cellrowborder" valign="top" width="24.000000000000004%" id="mcps1.1.6.1.1"><p id="en-us_topic_0000001059340512_p14781849561"><a name="en-us_topic_0000001059340512_p14781849561"></a><a name="en-us_topic_0000001059340512_p14781849561"></a>Name</p> 173</th> 174<th class="cellrowborder" valign="top" width="10.810000000000002%" id="mcps1.1.6.1.2"><p id="en-us_topic_0000001059340512_p447834912613"><a name="en-us_topic_0000001059340512_p447834912613"></a><a name="en-us_topic_0000001059340512_p447834912613"></a>Type</p> 175</th> 176<th class="cellrowborder" valign="top" width="8.63%" id="mcps1.1.6.1.3"><p id="en-us_topic_0000001059340512_p12479749564"><a name="en-us_topic_0000001059340512_p12479749564"></a><a name="en-us_topic_0000001059340512_p12479749564"></a>Default Value</p> 177</th> 178<th class="cellrowborder" valign="top" width="7.15%" id="mcps1.1.6.1.4"><p id="en-us_topic_0000001059340512_p13479749560"><a name="en-us_topic_0000001059340512_p13479749560"></a><a name="en-us_topic_0000001059340512_p13479749560"></a>Mandatory</p> 179</th> 180<th class="cellrowborder" valign="top" width="49.410000000000004%" id="mcps1.1.6.1.5"><p id="en-us_topic_0000001059340512_p247913495610"><a name="en-us_topic_0000001059340512_p247913495610"></a><a name="en-us_topic_0000001059340512_p247913495610"></a>Description</p> 181</th> 182</tr> 183</thead> 184<tbody><tr id="en-us_topic_0000001059340512_row1047910498616"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p167682562062"><a name="en-us_topic_0000001059340512_p167682562062"></a><a name="en-us_topic_0000001059340512_p167682562062"></a>start</p> 185</td> 186<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p67689566612"><a name="en-us_topic_0000001059340512_p67689566612"></a><a name="en-us_topic_0000001059340512_p67689566612"></a><time></p> 187</td> 188<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p1576817561266"><a name="en-us_topic_0000001059340512_p1576817561266"></a><a name="en-us_topic_0000001059340512_p1576817561266"></a>1970-1-1</p> 189</td> 190<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p476819561368"><a name="en-us_topic_0000001059340512_p476819561368"></a><a name="en-us_topic_0000001059340512_p476819561368"></a>No</p> 191</td> 192<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p87681568618"><a name="en-us_topic_0000001059340512_p87681568618"></a><a name="en-us_topic_0000001059340512_p87681568618"></a>Start date, in format of YYYY-MM-DD.</p> 193</td> 194</tr> 195<tr id="en-us_topic_0000001059340512_row3479549162"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p117686568615"><a name="en-us_topic_0000001059340512_p117686568615"></a><a name="en-us_topic_0000001059340512_p117686568615"></a>end</p> 196</td> 197<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p19768115614615"><a name="en-us_topic_0000001059340512_p19768115614615"></a><a name="en-us_topic_0000001059340512_p19768115614615"></a><time></p> 198</td> 199<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p27686569618"><a name="en-us_topic_0000001059340512_p27686569618"></a><a name="en-us_topic_0000001059340512_p27686569618"></a>2100-12-31</p> 200</td> 201<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p1076912564617"><a name="en-us_topic_0000001059340512_p1076912564617"></a><a name="en-us_topic_0000001059340512_p1076912564617"></a>No</p> 202</td> 203<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p1176915562611"><a name="en-us_topic_0000001059340512_p1176915562611"></a><a name="en-us_topic_0000001059340512_p1176915562611"></a>End date, in format of YYYY-MM-DD.</p> 204</td> 205</tr> 206<tr id="en-us_topic_0000001059340512_row147919493619"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p20769056565"><a name="en-us_topic_0000001059340512_p20769056565"></a><a name="en-us_topic_0000001059340512_p20769056565"></a>selected</p> 207</td> 208<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p1376935613619"><a name="en-us_topic_0000001059340512_p1376935613619"></a><a name="en-us_topic_0000001059340512_p1376935613619"></a>string</p> 209</td> 210<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p177694568616"><a name="en-us_topic_0000001059340512_p177694568616"></a><a name="en-us_topic_0000001059340512_p177694568616"></a>Current date</p> 211</td> 212<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p076925617611"><a name="en-us_topic_0000001059340512_p076925617611"></a><a name="en-us_topic_0000001059340512_p076925617611"></a>No</p> 213</td> 214<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p17695564620"><a name="en-us_topic_0000001059340512_p17695564620"></a><a name="en-us_topic_0000001059340512_p17695564620"></a>Default value of the date selector, in format of YYYY-MM-DD.</p> 215</td> 216</tr> 217<tr id="en-us_topic_0000001059340512_row5556142018016"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p2556102015019"><a name="en-us_topic_0000001059340512_p2556102015019"></a><a name="en-us_topic_0000001059340512_p2556102015019"></a>value</p> 218</td> 219<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p55560209013"><a name="en-us_topic_0000001059340512_p55560209013"></a><a name="en-us_topic_0000001059340512_p55560209013"></a>string</p> 220</td> 221<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p55569201203"><a name="en-us_topic_0000001059340512_p55569201203"></a><a name="en-us_topic_0000001059340512_p55569201203"></a>-</p> 222</td> 223<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p14556142017019"><a name="en-us_topic_0000001059340512_p14556142017019"></a><a name="en-us_topic_0000001059340512_p14556142017019"></a>Yes</p> 224</td> 225<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p1855614200012"><a name="en-us_topic_0000001059340512_p1855614200012"></a><a name="en-us_topic_0000001059340512_p1855614200012"></a>Value of the date selector.</p> 226</td> 227</tr> 228<tr id="en-us_topic_0000001059340512_row122372051111319"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p2238125117139"><a name="en-us_topic_0000001059340512_p2238125117139"></a><a name="en-us_topic_0000001059340512_p2238125117139"></a>lunar<sup id="en-us_topic_0000001059340512_sup6301324133317"><a name="en-us_topic_0000001059340512_sup6301324133317"></a><a name="en-us_topic_0000001059340512_sup6301324133317"></a>5+</sup></p> 229</td> 230<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p023825181319"><a name="en-us_topic_0000001059340512_p023825181319"></a><a name="en-us_topic_0000001059340512_p023825181319"></a>boolean</p> 231</td> 232<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p18238115116134"><a name="en-us_topic_0000001059340512_p18238115116134"></a><a name="en-us_topic_0000001059340512_p18238115116134"></a>false</p> 233</td> 234<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p0238851121311"><a name="en-us_topic_0000001059340512_p0238851121311"></a><a name="en-us_topic_0000001059340512_p0238851121311"></a>No</p> 235</td> 236<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p14238195141316"><a name="en-us_topic_0000001059340512_p14238195141316"></a><a name="en-us_topic_0000001059340512_p14238195141316"></a>Whether the pop-up window displays the lunar calendar.</p> 237</td> 238</tr> 239</tbody> 240</table> 241 242Time selector \(type is **time**\) 243 244<a name="en-us_topic_0000001059340512_table89366820719"></a> 245<table><thead align="left"><tr id="en-us_topic_0000001059340512_row49367819714"><th class="cellrowborder" valign="top" width="24.000000000000004%" id="mcps1.1.6.1.1"><p id="en-us_topic_0000001059340512_p1493614815715"><a name="en-us_topic_0000001059340512_p1493614815715"></a><a name="en-us_topic_0000001059340512_p1493614815715"></a>Name</p> 246</th> 247<th class="cellrowborder" valign="top" width="10.810000000000002%" id="mcps1.1.6.1.2"><p id="en-us_topic_0000001059340512_p2936881677"><a name="en-us_topic_0000001059340512_p2936881677"></a><a name="en-us_topic_0000001059340512_p2936881677"></a>Type</p> 248</th> 249<th class="cellrowborder" valign="top" width="8.63%" id="mcps1.1.6.1.3"><p id="en-us_topic_0000001059340512_p79362815719"><a name="en-us_topic_0000001059340512_p79362815719"></a><a name="en-us_topic_0000001059340512_p79362815719"></a>Default Value</p> 250</th> 251<th class="cellrowborder" valign="top" width="7.15%" id="mcps1.1.6.1.4"><p id="en-us_topic_0000001059340512_p12936584719"><a name="en-us_topic_0000001059340512_p12936584719"></a><a name="en-us_topic_0000001059340512_p12936584719"></a>Mandatory</p> 252</th> 253<th class="cellrowborder" valign="top" width="49.410000000000004%" id="mcps1.1.6.1.5"><p id="en-us_topic_0000001059340512_p15936198876"><a name="en-us_topic_0000001059340512_p15936198876"></a><a name="en-us_topic_0000001059340512_p15936198876"></a>Description</p> 254</th> 255</tr> 256</thead> 257<tbody><tr id="en-us_topic_0000001059340512_row2937108277"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p077212191171"><a name="en-us_topic_0000001059340512_p077212191171"></a><a name="en-us_topic_0000001059340512_p077212191171"></a>containsecond</p> 258</td> 259<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p1177214198714"><a name="en-us_topic_0000001059340512_p1177214198714"></a><a name="en-us_topic_0000001059340512_p1177214198714"></a>boolean</p> 260</td> 261<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p87721619275"><a name="en-us_topic_0000001059340512_p87721619275"></a><a name="en-us_topic_0000001059340512_p87721619275"></a>false</p> 262</td> 263<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p127721919372"><a name="en-us_topic_0000001059340512_p127721919372"></a><a name="en-us_topic_0000001059340512_p127721919372"></a>No</p> 264</td> 265<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p13773101919719"><a name="en-us_topic_0000001059340512_p13773101919719"></a><a name="en-us_topic_0000001059340512_p13773101919719"></a>Whether seconds are contained.</p> 266</td> 267</tr> 268<tr id="en-us_topic_0000001059340512_row1293719814712"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p577314191171"><a name="en-us_topic_0000001059340512_p577314191171"></a><a name="en-us_topic_0000001059340512_p577314191171"></a>selected</p> 269</td> 270<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p177735196711"><a name="en-us_topic_0000001059340512_p177735196711"></a><a name="en-us_topic_0000001059340512_p177735196711"></a>string</p> 271</td> 272<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p127734191714"><a name="en-us_topic_0000001059340512_p127734191714"></a><a name="en-us_topic_0000001059340512_p127734191714"></a>Current time</p> 273</td> 274<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p16773151914716"><a name="en-us_topic_0000001059340512_p16773151914716"></a><a name="en-us_topic_0000001059340512_p16773151914716"></a>No</p> 275</td> 276<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p57739191974"><a name="en-us_topic_0000001059340512_p57739191974"></a><a name="en-us_topic_0000001059340512_p57739191974"></a>Default value of the time selector, in format of HH:mm. If seconds are contained, the format is HH:mm:ss.</p> 277</td> 278</tr> 279<tr id="en-us_topic_0000001059340512_row179378815715"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p1577313191078"><a name="en-us_topic_0000001059340512_p1577313191078"></a><a name="en-us_topic_0000001059340512_p1577313191078"></a>value</p> 280</td> 281<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p47731191717"><a name="en-us_topic_0000001059340512_p47731191717"></a><a name="en-us_topic_0000001059340512_p47731191717"></a>string</p> 282</td> 283<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p137731819271"><a name="en-us_topic_0000001059340512_p137731819271"></a><a name="en-us_topic_0000001059340512_p137731819271"></a>-</p> 284</td> 285<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p1977310195710"><a name="en-us_topic_0000001059340512_p1977310195710"></a><a name="en-us_topic_0000001059340512_p1977310195710"></a>No</p> 286</td> 287<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p117733191473"><a name="en-us_topic_0000001059340512_p117733191473"></a><a name="en-us_topic_0000001059340512_p117733191473"></a>Value of the time selector.</p> 288</td> 289</tr> 290<tr id="en-us_topic_0000001059340512_row3976191332214"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p7249338141710"><a name="en-us_topic_0000001059340512_p7249338141710"></a><a name="en-us_topic_0000001059340512_p7249338141710"></a>hours</p> 291</td> 292<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p9642147162010"><a name="en-us_topic_0000001059340512_p9642147162010"></a><a name="en-us_topic_0000001059340512_p9642147162010"></a>number</p> 293</td> 294<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p19642164711209"><a name="en-us_topic_0000001059340512_p19642164711209"></a><a name="en-us_topic_0000001059340512_p19642164711209"></a>-<sup id="en-us_topic_0000001059340512_sup14229658122718"><a name="en-us_topic_0000001059340512_sup14229658122718"></a><a name="en-us_topic_0000001059340512_sup14229658122718"></a>5+</sup></p> 295</td> 296<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p1964254732010"><a name="en-us_topic_0000001059340512_p1964254732010"></a><a name="en-us_topic_0000001059340512_p1964254732010"></a>No</p> 297</td> 298<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p1642114782010"><a name="en-us_topic_0000001059340512_p1642114782010"></a><a name="en-us_topic_0000001059340512_p1642114782010"></a>Time format used by the time selector. Available values include:</p> 299<a name="en-us_topic_0000001059340512_ul174074428121"></a><a name="en-us_topic_0000001059340512_ul174074428121"></a><ul id="en-us_topic_0000001059340512_ul174074428121"><li><strong id="en-us_topic_0000001059340512_b65751811125119"><a name="en-us_topic_0000001059340512_b65751811125119"></a><a name="en-us_topic_0000001059340512_b65751811125119"></a>12</strong>: displayed in 12-hour format and distinguished by a.m. and p.m.</li><li><strong id="en-us_topic_0000001059340512_b36061614185110"><a name="en-us_topic_0000001059340512_b36061614185110"></a><a name="en-us_topic_0000001059340512_b36061614185110"></a>24</strong>: displayed in 24-hour format<div class="note" id="en-us_topic_0000001059340512_note189471313104"><a name="en-us_topic_0000001059340512_note189471313104"></a><a name="en-us_topic_0000001059340512_note189471313104"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001059340512_p9947193114104"><a name="en-us_topic_0000001059340512_p9947193114104"></a><a name="en-us_topic_0000001059340512_p9947193114104"></a>The default value is the most commonly-used hour format in the current locale. <sup id="en-us_topic_0000001059340512_sup15655162732715"><a name="en-us_topic_0000001059340512_sup15655162732715"></a><a name="en-us_topic_0000001059340512_sup15655162732715"></a>5+</sup></p> 300</div></div> 301</li></ul> 302</td> 303</tr> 304</tbody> 305</table> 306 307Date and time selector \(type is **datetime**\) 308 309<a name="en-us_topic_0000001059340512_table1188511392120"></a> 310<table><thead align="left"><tr id="en-us_topic_0000001059340512_row16886193915128"><th class="cellrowborder" valign="top" width="24.000000000000004%" id="mcps1.1.6.1.1"><p id="en-us_topic_0000001059340512_p58868399129"><a name="en-us_topic_0000001059340512_p58868399129"></a><a name="en-us_topic_0000001059340512_p58868399129"></a>Name</p> 311</th> 312<th class="cellrowborder" valign="top" width="10.810000000000002%" id="mcps1.1.6.1.2"><p id="en-us_topic_0000001059340512_p19886739161213"><a name="en-us_topic_0000001059340512_p19886739161213"></a><a name="en-us_topic_0000001059340512_p19886739161213"></a>Type</p> 313</th> 314<th class="cellrowborder" valign="top" width="8.63%" id="mcps1.1.6.1.3"><p id="en-us_topic_0000001059340512_p138864393128"><a name="en-us_topic_0000001059340512_p138864393128"></a><a name="en-us_topic_0000001059340512_p138864393128"></a>Default Value</p> 315</th> 316<th class="cellrowborder" valign="top" width="7.15%" id="mcps1.1.6.1.4"><p id="en-us_topic_0000001059340512_p288653914122"><a name="en-us_topic_0000001059340512_p288653914122"></a><a name="en-us_topic_0000001059340512_p288653914122"></a>Mandatory</p> 317</th> 318<th class="cellrowborder" valign="top" width="49.410000000000004%" id="mcps1.1.6.1.5"><p id="en-us_topic_0000001059340512_p1886193931212"><a name="en-us_topic_0000001059340512_p1886193931212"></a><a name="en-us_topic_0000001059340512_p1886193931212"></a>Description</p> 319</th> 320</tr> 321</thead> 322<tbody><tr id="en-us_topic_0000001059340512_row288753919128"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p20887539141215"><a name="en-us_topic_0000001059340512_p20887539141215"></a><a name="en-us_topic_0000001059340512_p20887539141215"></a>selected</p> 323</td> 324<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p788753910126"><a name="en-us_topic_0000001059340512_p788753910126"></a><a name="en-us_topic_0000001059340512_p788753910126"></a>string</p> 325</td> 326<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p16887539111214"><a name="en-us_topic_0000001059340512_p16887539111214"></a><a name="en-us_topic_0000001059340512_p16887539111214"></a>Current date and time</p> 327</td> 328<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p4887203911129"><a name="en-us_topic_0000001059340512_p4887203911129"></a><a name="en-us_topic_0000001059340512_p4887203911129"></a>No</p> 329</td> 330<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p988710393122"><a name="en-us_topic_0000001059340512_p988710393122"></a><a name="en-us_topic_0000001059340512_p988710393122"></a>Default value of the date and time selector. The value can be in the format of MM-DD-HH-mm or YYYY-MM-DD-HH-mm. If the year is not set, the current year is used by default. The value you set is the date selected by default in the pop-up window.</p> 331</td> 332</tr> 333<tr id="en-us_topic_0000001059340512_row1887173951219"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p1288733931210"><a name="en-us_topic_0000001059340512_p1288733931210"></a><a name="en-us_topic_0000001059340512_p1288733931210"></a>value</p> 334</td> 335<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p1788703918124"><a name="en-us_topic_0000001059340512_p1788703918124"></a><a name="en-us_topic_0000001059340512_p1788703918124"></a>string</p> 336</td> 337<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p18887193911129"><a name="en-us_topic_0000001059340512_p18887193911129"></a><a name="en-us_topic_0000001059340512_p18887193911129"></a>-</p> 338</td> 339<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p88873396121"><a name="en-us_topic_0000001059340512_p88873396121"></a><a name="en-us_topic_0000001059340512_p88873396121"></a>Yes</p> 340</td> 341<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p1388773910128"><a name="en-us_topic_0000001059340512_p1388773910128"></a><a name="en-us_topic_0000001059340512_p1388773910128"></a>Value of the date and time selector.</p> 342</td> 343</tr> 344<tr id="en-us_topic_0000001059340512_row25569188246"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p655031510218"><a name="en-us_topic_0000001059340512_p655031510218"></a><a name="en-us_topic_0000001059340512_p655031510218"></a>hours</p> 345</td> 346<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p1814251913247"><a name="en-us_topic_0000001059340512_p1814251913247"></a><a name="en-us_topic_0000001059340512_p1814251913247"></a>number</p> 347</td> 348<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p1097921216293"><a name="en-us_topic_0000001059340512_p1097921216293"></a><a name="en-us_topic_0000001059340512_p1097921216293"></a>24</p> 349<p id="en-us_topic_0000001059340512_p797971210297"><a name="en-us_topic_0000001059340512_p797971210297"></a><a name="en-us_topic_0000001059340512_p797971210297"></a>-<sup id="en-us_topic_0000001059340512_sup13979712182910"><a name="en-us_topic_0000001059340512_sup13979712182910"></a><a name="en-us_topic_0000001059340512_sup13979712182910"></a>5+</sup></p> 350</td> 351<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p171426196242"><a name="en-us_topic_0000001059340512_p171426196242"></a><a name="en-us_topic_0000001059340512_p171426196242"></a>No</p> 352</td> 353<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p1314251932418"><a name="en-us_topic_0000001059340512_p1314251932418"></a><a name="en-us_topic_0000001059340512_p1314251932418"></a>Time format used by the date and time selector. Available values include:</p> 354<a name="en-us_topic_0000001059340512_ul4189124631213"></a><a name="en-us_topic_0000001059340512_ul4189124631213"></a><ul id="en-us_topic_0000001059340512_ul4189124631213"><li><strong id="en-us_topic_0000001059340512_b63983918513"><a name="en-us_topic_0000001059340512_b63983918513"></a><a name="en-us_topic_0000001059340512_b63983918513"></a>12</strong>: displayed in 12-hour format and distinguished by a.m. and p.m.</li><li><strong id="en-us_topic_0000001059340512_b8693414511"><a name="en-us_topic_0000001059340512_b8693414511"></a><a name="en-us_topic_0000001059340512_b8693414511"></a>24</strong>: displayed in 24-hour format<div class="note" id="en-us_topic_0000001059340512_note1563822112115"><a name="en-us_topic_0000001059340512_note1563822112115"></a><a name="en-us_topic_0000001059340512_note1563822112115"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001059340512_p1563882115113"><a name="en-us_topic_0000001059340512_p1563882115113"></a><a name="en-us_topic_0000001059340512_p1563882115113"></a>The default value is the most commonly-used hour format in the current locale. <sup id="en-us_topic_0000001059340512_sup1719092182914"><a name="en-us_topic_0000001059340512_sup1719092182914"></a><a name="en-us_topic_0000001059340512_sup1719092182914"></a>5+</sup></p> 355</div></div> 356</li></ul> 357</td> 358</tr> 359<tr id="en-us_topic_0000001059340512_row1742363212240"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p17312155631610"><a name="en-us_topic_0000001059340512_p17312155631610"></a><a name="en-us_topic_0000001059340512_p17312155631610"></a>lunar<sup id="en-us_topic_0000001059340512_sup1613014514117"><a name="en-us_topic_0000001059340512_sup1613014514117"></a><a name="en-us_topic_0000001059340512_sup1613014514117"></a>5+</sup></p> 360</td> 361<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p23121856191617"><a name="en-us_topic_0000001059340512_p23121856191617"></a><a name="en-us_topic_0000001059340512_p23121856191617"></a>boolean</p> 362</td> 363<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p331265681617"><a name="en-us_topic_0000001059340512_p331265681617"></a><a name="en-us_topic_0000001059340512_p331265681617"></a>false</p> 364</td> 365<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p331265615166"><a name="en-us_topic_0000001059340512_p331265615166"></a><a name="en-us_topic_0000001059340512_p331265615166"></a>No</p> 366</td> 367<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p63124569165"><a name="en-us_topic_0000001059340512_p63124569165"></a><a name="en-us_topic_0000001059340512_p63124569165"></a>Whether the pop-up window displays the lunar calendar.</p> 368</td> 369</tr> 370</tbody> 371</table> 372 373Multi-column text selector \(type is **multi-text**\) 374 375<a name="en-us_topic_0000001059340512_table1886619321772"></a> 376<table><thead align="left"><tr id="en-us_topic_0000001059340512_row198671332179"><th class="cellrowborder" valign="top" width="24.000000000000004%" id="mcps1.1.6.1.1"><p id="en-us_topic_0000001059340512_p168677321871"><a name="en-us_topic_0000001059340512_p168677321871"></a><a name="en-us_topic_0000001059340512_p168677321871"></a>Name</p> 377</th> 378<th class="cellrowborder" valign="top" width="10.810000000000002%" id="mcps1.1.6.1.2"><p id="en-us_topic_0000001059340512_p38670322711"><a name="en-us_topic_0000001059340512_p38670322711"></a><a name="en-us_topic_0000001059340512_p38670322711"></a>Type</p> 379</th> 380<th class="cellrowborder" valign="top" width="8.63%" id="mcps1.1.6.1.3"><p id="en-us_topic_0000001059340512_p178670321276"><a name="en-us_topic_0000001059340512_p178670321276"></a><a name="en-us_topic_0000001059340512_p178670321276"></a>Default Value</p> 381</th> 382<th class="cellrowborder" valign="top" width="7.15%" id="mcps1.1.6.1.4"><p id="en-us_topic_0000001059340512_p9867183215719"><a name="en-us_topic_0000001059340512_p9867183215719"></a><a name="en-us_topic_0000001059340512_p9867183215719"></a>Mandatory</p> 383</th> 384<th class="cellrowborder" valign="top" width="49.410000000000004%" id="mcps1.1.6.1.5"><p id="en-us_topic_0000001059340512_p168671324711"><a name="en-us_topic_0000001059340512_p168671324711"></a><a name="en-us_topic_0000001059340512_p168671324711"></a>Description</p> 385</th> 386</tr> 387</thead> 388<tbody><tr id="en-us_topic_0000001059340512_row3757154961319"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p12757204951314"><a name="en-us_topic_0000001059340512_p12757204951314"></a><a name="en-us_topic_0000001059340512_p12757204951314"></a>columns</p> 389</td> 390<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p13757124918137"><a name="en-us_topic_0000001059340512_p13757124918137"></a><a name="en-us_topic_0000001059340512_p13757124918137"></a>number</p> 391</td> 392<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p0757144914132"><a name="en-us_topic_0000001059340512_p0757144914132"></a><a name="en-us_topic_0000001059340512_p0757144914132"></a>-</p> 393</td> 394<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p14757149111317"><a name="en-us_topic_0000001059340512_p14757149111317"></a><a name="en-us_topic_0000001059340512_p14757149111317"></a>Yes</p> 395</td> 396<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p1675884931313"><a name="en-us_topic_0000001059340512_p1675884931313"></a><a name="en-us_topic_0000001059340512_p1675884931313"></a>Number of columns in the multi-column text selector.</p> 397</td> 398</tr> 399<tr id="en-us_topic_0000001059340512_row3867103214710"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p793074416717"><a name="en-us_topic_0000001059340512_p793074416717"></a><a name="en-us_topic_0000001059340512_p793074416717"></a>range</p> 400</td> 401<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p793010441976"><a name="en-us_topic_0000001059340512_p793010441976"></a><a name="en-us_topic_0000001059340512_p793010441976"></a>Two-dimensional array</p> 402</td> 403<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p7930174418712"><a name="en-us_topic_0000001059340512_p7930174418712"></a><a name="en-us_topic_0000001059340512_p7930174418712"></a>-</p> 404</td> 405<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p2930444971"><a name="en-us_topic_0000001059340512_p2930444971"></a><a name="en-us_topic_0000001059340512_p2930444971"></a>No</p> 406</td> 407<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p139301644675"><a name="en-us_topic_0000001059340512_p139301644675"></a><a name="en-us_topic_0000001059340512_p139301644675"></a>Items of the multi-column text selector. <strong id="en-us_topic_0000001059340512_b74831653144819"><a name="en-us_topic_0000001059340512_b74831653144819"></a><a name="en-us_topic_0000001059340512_b74831653144819"></a>range</strong> is a two-dimensional array that indicates the number of columns. Each item in the array indicates the data of each column, for example, <strong id="en-us_topic_0000001059340512_b3143171004511"><a name="en-us_topic_0000001059340512_b3143171004511"></a><a name="en-us_topic_0000001059340512_b3143171004511"></a>[["a","b"], ["c","d"]]</strong>.</p> 408<div class="note" id="en-us_topic_0000001059340512_note0651143101220"><a name="en-us_topic_0000001059340512_note0651143101220"></a><a name="en-us_topic_0000001059340512_note0651143101220"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001059340512_p15651335123"><a name="en-us_topic_0000001059340512_p15651335123"></a><a name="en-us_topic_0000001059340512_p15651335123"></a>Use the data binding mode, for example, <strong id="en-us_topic_0000001059340512_b1686617423416"><a name="en-us_topic_0000001059340512_b1686617423416"></a><a name="en-us_topic_0000001059340512_b1686617423416"></a>range = {{data}}</strong>. Declare the corresponding variable <strong id="en-us_topic_0000001059340512_b157531758135817"><a name="en-us_topic_0000001059340512_b157531758135817"></a><a name="en-us_topic_0000001059340512_b157531758135817"></a>data: [["a","b"], ["c","d"]]</strong> in the JavaScript file.</p> 409</div></div> 410</td> 411</tr> 412<tr id="en-us_topic_0000001059340512_row18671332572"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p693016441273"><a name="en-us_topic_0000001059340512_p693016441273"></a><a name="en-us_topic_0000001059340512_p693016441273"></a>selected</p> 413</td> 414<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p159306448720"><a name="en-us_topic_0000001059340512_p159306448720"></a><a name="en-us_topic_0000001059340512_p159306448720"></a>Array</p> 415</td> 416<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p18930544471"><a name="en-us_topic_0000001059340512_p18930544471"></a><a name="en-us_topic_0000001059340512_p18930544471"></a>0,0,0,...</p> 417</td> 418<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p69305448719"><a name="en-us_topic_0000001059340512_p69305448719"></a><a name="en-us_topic_0000001059340512_p69305448719"></a>No</p> 419</td> 420<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p12930144373"><a name="en-us_topic_0000001059340512_p12930144373"></a><a name="en-us_topic_0000001059340512_p12930144373"></a>Default value of the multi-column text selector, which is an array consisting of the indexes of the selected items in each column.</p> 421</td> 422</tr> 423<tr id="en-us_topic_0000001059340512_row1186818329711"><td class="cellrowborder" valign="top" width="24.000000000000004%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p1693054420719"><a name="en-us_topic_0000001059340512_p1693054420719"></a><a name="en-us_topic_0000001059340512_p1693054420719"></a>value</p> 424</td> 425<td class="cellrowborder" valign="top" width="10.810000000000002%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p69308446714"><a name="en-us_topic_0000001059340512_p69308446714"></a><a name="en-us_topic_0000001059340512_p69308446714"></a>Array</p> 426</td> 427<td class="cellrowborder" valign="top" width="8.63%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p1893014441578"><a name="en-us_topic_0000001059340512_p1893014441578"></a><a name="en-us_topic_0000001059340512_p1893014441578"></a>-</p> 428</td> 429<td class="cellrowborder" valign="top" width="7.15%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p11930174414718"><a name="en-us_topic_0000001059340512_p11930174414718"></a><a name="en-us_topic_0000001059340512_p11930174414718"></a>No</p> 430</td> 431<td class="cellrowborder" valign="top" width="49.410000000000004%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p5930344474"><a name="en-us_topic_0000001059340512_p5930344474"></a><a name="en-us_topic_0000001059340512_p5930344474"></a>Value of the multi-column text selector, which is an array consisting of the values of the selected items in each column.</p> 432</td> 433</tr> 434</tbody> 435</table> 436 437## Event<a name="en-us_topic_0000001059340512_section3892191911214"></a> 438 439<a name="en-us_topic_0000001059340512_table836435619510"></a> 440<table><thead align="left"><tr id="en-us_topic_0000001059340512_row153658563517"><th class="cellrowborder" valign="top" width="24.852485248524854%" id="mcps1.1.4.1.1"><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a487aa1c493e84ca68567b4b65051674d"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a487aa1c493e84ca68567b4b65051674d"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a487aa1c493e84ca68567b4b65051674d"></a>Name</p> 441</th> 442<th class="cellrowborder" valign="top" width="29.552955295529554%" id="mcps1.1.4.1.2"><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_adc4b506cda3043508da6ee7649c12ca4"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_adc4b506cda3043508da6ee7649c12ca4"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_adc4b506cda3043508da6ee7649c12ca4"></a>Parameter</p> 443</th> 444<th class="cellrowborder" valign="top" width="45.5945594559456%" id="mcps1.1.4.1.3"><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a59e4cbe58a5c42a7a4585bc8365783bc"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a59e4cbe58a5c42a7a4585bc8365783bc"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a59e4cbe58a5c42a7a4585bc8365783bc"></a>Triggered when</p> 445</th> 446</tr> 447</thead> 448<tbody><tr id="en-us_topic_0000001059340512_row336512569516"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a58fb4b1d870f466e955cf5ea879c4d4a"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a58fb4b1d870f466e955cf5ea879c4d4a"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a58fb4b1d870f466e955cf5ea879c4d4a"></a>touchstart</p> 449</td> 450<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_abefebd99301b4bdebb798d1b9df24d8d"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_abefebd99301b4bdebb798d1b9df24d8d"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_abefebd99301b4bdebb798d1b9df24d8d"></a><a href="universal-events.md#en-us_topic_0000001058460527_tdb541af4e4db41d7a92e9b6e3c93f606">TouchEvent</a></p> 451</td> 452<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_afa4290e2620f4f5fbdcb74dcae84e536"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_afa4290e2620f4f5fbdcb74dcae84e536"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_afa4290e2620f4f5fbdcb74dcae84e536"></a>The tapping starts</p> 453</td> 454</tr> 455<tr id="en-us_topic_0000001059340512_row1236519563517"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a23e0317cfee94650be4dcd2280c3e94e"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a23e0317cfee94650be4dcd2280c3e94e"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a23e0317cfee94650be4dcd2280c3e94e"></a>touchmove</p> 456</td> 457<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_aea26e4f9575044dc8fb65080f3a6684a"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_aea26e4f9575044dc8fb65080f3a6684a"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_aea26e4f9575044dc8fb65080f3a6684a"></a><a href="universal-events.md#en-us_topic_0000001058460527_tdb541af4e4db41d7a92e9b6e3c93f606">TouchEvent</a></p> 458</td> 459<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a37f7cc43d82c4ee18512bd079349079d"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a37f7cc43d82c4ee18512bd079349079d"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a37f7cc43d82c4ee18512bd079349079d"></a>The tapping moves</p> 460</td> 461</tr> 462<tr id="en-us_topic_0000001059340512_row18365145615516"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_ad0728eeac06143bbb4a6fdf1ed5c6d91"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_ad0728eeac06143bbb4a6fdf1ed5c6d91"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_ad0728eeac06143bbb4a6fdf1ed5c6d91"></a>touchcancel</p> 463</td> 464<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a59e2819eae2b4d3e935991b43156347b"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a59e2819eae2b4d3e935991b43156347b"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a59e2819eae2b4d3e935991b43156347b"></a><a href="universal-events.md#en-us_topic_0000001058460527_tdb541af4e4db41d7a92e9b6e3c93f606">TouchEvent</a></p> 465</td> 466<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a739d9ef0db624f6284554aeaeddffa0a"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a739d9ef0db624f6284554aeaeddffa0a"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a739d9ef0db624f6284554aeaeddffa0a"></a>The tapping is interrupted</p> 467</td> 468</tr> 469<tr id="en-us_topic_0000001059340512_row63651566517"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a233e2f6ff39f49fd97b8f233875d01d4"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a233e2f6ff39f49fd97b8f233875d01d4"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a233e2f6ff39f49fd97b8f233875d01d4"></a>touchend</p> 470</td> 471<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a439e69aaf158448e99b3c81cbc9fd624"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a439e69aaf158448e99b3c81cbc9fd624"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a439e69aaf158448e99b3c81cbc9fd624"></a><a href="universal-events.md#en-us_topic_0000001058460527_tdb541af4e4db41d7a92e9b6e3c93f606">TouchEvent</a></p> 472</td> 473<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a05c0fe4e05ef4154acee8a06ad56a2de"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a05c0fe4e05ef4154acee8a06ad56a2de"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a05c0fe4e05ef4154acee8a06ad56a2de"></a>The tapping ends</p> 474</td> 475</tr> 476<tr id="en-us_topic_0000001059340512_row183661256758"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_aa7dc63d1b4924872bbff6a6a100e928f"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_aa7dc63d1b4924872bbff6a6a100e928f"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_aa7dc63d1b4924872bbff6a6a100e928f"></a>longpress</p> 477</td> 478<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a39186f4ff74544d89ace56ea87d9937b"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a39186f4ff74544d89ace56ea87d9937b"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a39186f4ff74544d89ace56ea87d9937b"></a>-</p> 479</td> 480<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a44b8585170304b5596c41714772e605e"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a44b8585170304b5596c41714772e605e"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_a44b8585170304b5596c41714772e605e"></a>A component is long pressed</p> 481</td> 482</tr> 483<tr id="en-us_topic_0000001059340512_row5366185613517"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_p12706561061"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_p12706561061"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_p12706561061"></a>swipe<sup id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_sup35424382912"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_sup35424382912"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_sup35424382912"></a>5+</sup></p> 484</td> 485<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_p11711056161"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_p11711056161"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_p11711056161"></a><a href="universal-events.md#en-us_topic_0000001058460527_table111811577714">SwipeEvent</a></p> 486</td> 487<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001058460527_p2711556162"><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_p2711556162"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001058460527_p2711556162"></a>A user quickly swipes on a component.</p> 488</td> 489</tr> 490</tbody> 491</table> 492 493Common selector \(type is **text**\) 494 495<a name="en-us_topic_0000001059340512_table142721937193"></a> 496<table><thead align="left"><tr id="en-us_topic_0000001059340512_row14373113715913"><th class="cellrowborder" valign="top" width="15.370000000000001%" id="mcps1.1.4.1.1"><p id="en-us_topic_0000001059340512_p1937316376918"><a name="en-us_topic_0000001059340512_p1937316376918"></a><a name="en-us_topic_0000001059340512_p1937316376918"></a>Name</p> 497</th> 498<th class="cellrowborder" valign="top" width="34.22%" id="mcps1.1.4.1.2"><p id="en-us_topic_0000001059340512_p183731337299"><a name="en-us_topic_0000001059340512_p183731337299"></a><a name="en-us_topic_0000001059340512_p183731337299"></a>Parameter</p> 499</th> 500<th class="cellrowborder" valign="top" width="50.41%" id="mcps1.1.4.1.3"><p id="en-us_topic_0000001059340512_p7373143710917"><a name="en-us_topic_0000001059340512_p7373143710917"></a><a name="en-us_topic_0000001059340512_p7373143710917"></a>Description</p> 501</th> 502</tr> 503</thead> 504<tbody><tr id="en-us_topic_0000001059340512_row73732037397"><td class="cellrowborder" valign="top" width="15.370000000000001%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_p83738377916"><a name="en-us_topic_0000001059340512_p83738377916"></a><a name="en-us_topic_0000001059340512_p83738377916"></a>change</p> 505</td> 506<td class="cellrowborder" valign="top" width="34.22%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_p1037315375920"><a name="en-us_topic_0000001059340512_p1037315375920"></a><a name="en-us_topic_0000001059340512_p1037315375920"></a>{ newValue:newValue, newSelected:newSelected }</p> 507</td> 508<td class="cellrowborder" valign="top" width="50.41%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_p1373113717913"><a name="en-us_topic_0000001059340512_p1373113717913"></a><a name="en-us_topic_0000001059340512_p1373113717913"></a>Triggered when a value is selected and the OK button is clicked in the displayed pop-up window. <strong id="en-us_topic_0000001059340512_b13272174011538"><a name="en-us_topic_0000001059340512_b13272174011538"></a><a name="en-us_topic_0000001059340512_b13272174011538"></a>newSelected</strong> is the index.</p> 509</td> 510</tr> 511<tr id="en-us_topic_0000001059340512_row1437316379914"><td class="cellrowborder" valign="top" width="15.370000000000001%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_p037319371595"><a name="en-us_topic_0000001059340512_p037319371595"></a><a name="en-us_topic_0000001059340512_p037319371595"></a>cancel</p> 512</td> 513<td class="cellrowborder" valign="top" width="34.22%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_p537383720918"><a name="en-us_topic_0000001059340512_p537383720918"></a><a name="en-us_topic_0000001059340512_p537383720918"></a>-</p> 514</td> 515<td class="cellrowborder" valign="top" width="50.41%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_p15373173716915"><a name="en-us_topic_0000001059340512_p15373173716915"></a><a name="en-us_topic_0000001059340512_p15373173716915"></a>Triggered when the cancel button is clicked.</p> 516</td> 517</tr> 518</tbody> 519</table> 520 521Date selector \(type is **date**\) 522 523<a name="en-us_topic_0000001059340512_table102831237992"></a> 524<table><thead align="left"><tr id="en-us_topic_0000001059340512_row237310371919"><th class="cellrowborder" valign="top" width="15.370000000000001%" id="mcps1.1.4.1.1"><p id="en-us_topic_0000001059340512_p15373153717914"><a name="en-us_topic_0000001059340512_p15373153717914"></a><a name="en-us_topic_0000001059340512_p15373153717914"></a>Name</p> 525</th> 526<th class="cellrowborder" valign="top" width="34.22%" id="mcps1.1.4.1.2"><p id="en-us_topic_0000001059340512_p15373123713918"><a name="en-us_topic_0000001059340512_p15373123713918"></a><a name="en-us_topic_0000001059340512_p15373123713918"></a>Parameter</p> 527</th> 528<th class="cellrowborder" valign="top" width="50.41%" id="mcps1.1.4.1.3"><p id="en-us_topic_0000001059340512_p83732371919"><a name="en-us_topic_0000001059340512_p83732371919"></a><a name="en-us_topic_0000001059340512_p83732371919"></a>Description</p> 529</th> 530</tr> 531</thead> 532<tbody><tr id="en-us_topic_0000001059340512_row1374173719911"><td class="cellrowborder" valign="top" width="15.370000000000001%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_p437493716911"><a name="en-us_topic_0000001059340512_p437493716911"></a><a name="en-us_topic_0000001059340512_p437493716911"></a>change</p> 533</td> 534<td class="cellrowborder" valign="top" width="34.22%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_p153749373919"><a name="en-us_topic_0000001059340512_p153749373919"></a><a name="en-us_topic_0000001059340512_p153749373919"></a>{ year:year, month:month, day:day }</p> 535</td> 536<td class="cellrowborder" valign="top" width="50.41%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_p16374037296"><a name="en-us_topic_0000001059340512_p16374037296"></a><a name="en-us_topic_0000001059340512_p16374037296"></a>Triggered when a value is selected and the OK button is clicked in the displayed pop-up window.</p> 537<div class="note" id="en-us_topic_0000001059340512_note194212815578"><a name="en-us_topic_0000001059340512_note194212815578"></a><a name="en-us_topic_0000001059340512_note194212815578"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001059340512_p15421981572"><a name="en-us_topic_0000001059340512_p15421981572"></a><a name="en-us_topic_0000001059340512_p15421981572"></a>The value of <strong id="en-us_topic_0000001059340512_b103001542191912"><a name="en-us_topic_0000001059340512_b103001542191912"></a><a name="en-us_topic_0000001059340512_b103001542191912"></a>month</strong> ranges from 0 (January) to 11 (December). <sup id="en-us_topic_0000001059340512_sup2421811573"><a name="en-us_topic_0000001059340512_sup2421811573"></a><a name="en-us_topic_0000001059340512_sup2421811573"></a>5+</sup></p> 538</div></div> 539</td> 540</tr> 541<tr id="en-us_topic_0000001059340512_row2374137099"><td class="cellrowborder" valign="top" width="15.370000000000001%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_p237419371094"><a name="en-us_topic_0000001059340512_p237419371094"></a><a name="en-us_topic_0000001059340512_p237419371094"></a>cancel</p> 542</td> 543<td class="cellrowborder" valign="top" width="34.22%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_p17374103718918"><a name="en-us_topic_0000001059340512_p17374103718918"></a><a name="en-us_topic_0000001059340512_p17374103718918"></a>-</p> 544</td> 545<td class="cellrowborder" valign="top" width="50.41%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_p837417371091"><a name="en-us_topic_0000001059340512_p837417371091"></a><a name="en-us_topic_0000001059340512_p837417371091"></a>Triggered when the cancel button is clicked.</p> 546</td> 547</tr> 548</tbody> 549</table> 550 551Date and time selector \(type is **datetime**\) 552 553<a name="en-us_topic_0000001059340512_table77468289212"></a> 554<table><thead align="left"><tr id="en-us_topic_0000001059340512_row2746162810213"><th class="cellrowborder" valign="top" width="15.370000000000001%" id="mcps1.1.4.1.1"><p id="en-us_topic_0000001059340512_p177462028522"><a name="en-us_topic_0000001059340512_p177462028522"></a><a name="en-us_topic_0000001059340512_p177462028522"></a>Name</p> 555</th> 556<th class="cellrowborder" valign="top" width="34.22%" id="mcps1.1.4.1.2"><p id="en-us_topic_0000001059340512_p1574620283210"><a name="en-us_topic_0000001059340512_p1574620283210"></a><a name="en-us_topic_0000001059340512_p1574620283210"></a>Parameter</p> 557</th> 558<th class="cellrowborder" valign="top" width="50.41%" id="mcps1.1.4.1.3"><p id="en-us_topic_0000001059340512_p774612287213"><a name="en-us_topic_0000001059340512_p774612287213"></a><a name="en-us_topic_0000001059340512_p774612287213"></a>Description</p> 559</th> 560</tr> 561</thead> 562<tbody><tr id="en-us_topic_0000001059340512_row157469285217"><td class="cellrowborder" valign="top" width="15.370000000000001%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_p4746028226"><a name="en-us_topic_0000001059340512_p4746028226"></a><a name="en-us_topic_0000001059340512_p4746028226"></a>change</p> 563</td> 564<td class="cellrowborder" valign="top" width="34.22%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_p674612819213"><a name="en-us_topic_0000001059340512_p674612819213"></a><a name="en-us_topic_0000001059340512_p674612819213"></a>{ year:year, month:month, day:day, hour:hour, minute:minute}</p> 565</td> 566<td class="cellrowborder" valign="top" width="50.41%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_p1074711281620"><a name="en-us_topic_0000001059340512_p1074711281620"></a><a name="en-us_topic_0000001059340512_p1074711281620"></a>Triggered when a value is selected and the OK button is clicked in the displayed pop-up window.</p> 567</td> 568</tr> 569<tr id="en-us_topic_0000001059340512_row27471028522"><td class="cellrowborder" valign="top" width="15.370000000000001%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_p207477281217"><a name="en-us_topic_0000001059340512_p207477281217"></a><a name="en-us_topic_0000001059340512_p207477281217"></a>cancel</p> 570</td> 571<td class="cellrowborder" valign="top" width="34.22%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_p197471428628"><a name="en-us_topic_0000001059340512_p197471428628"></a><a name="en-us_topic_0000001059340512_p197471428628"></a>-</p> 572</td> 573<td class="cellrowborder" valign="top" width="50.41%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_p157471228022"><a name="en-us_topic_0000001059340512_p157471228022"></a><a name="en-us_topic_0000001059340512_p157471228022"></a>Triggered when the cancel button is clicked.</p> 574</td> 575</tr> 576</tbody> 577</table> 578 579Time selector \(type is **time**\) 580 581<a name="en-us_topic_0000001059340512_table1528718371490"></a> 582<table><thead align="left"><tr id="en-us_topic_0000001059340512_row437413371095"><th class="cellrowborder" valign="top" width="15.370000000000001%" id="mcps1.1.4.1.1"><p id="en-us_topic_0000001059340512_p23745372918"><a name="en-us_topic_0000001059340512_p23745372918"></a><a name="en-us_topic_0000001059340512_p23745372918"></a>Name</p> 583</th> 584<th class="cellrowborder" valign="top" width="34.22%" id="mcps1.1.4.1.2"><p id="en-us_topic_0000001059340512_p153741371915"><a name="en-us_topic_0000001059340512_p153741371915"></a><a name="en-us_topic_0000001059340512_p153741371915"></a>Parameter</p> 585</th> 586<th class="cellrowborder" valign="top" width="50.41%" id="mcps1.1.4.1.3"><p id="en-us_topic_0000001059340512_p1337483712915"><a name="en-us_topic_0000001059340512_p1337483712915"></a><a name="en-us_topic_0000001059340512_p1337483712915"></a>Description</p> 587</th> 588</tr> 589</thead> 590<tbody><tr id="en-us_topic_0000001059340512_row237415374915"><td class="cellrowborder" valign="top" width="15.370000000000001%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_p16374137194"><a name="en-us_topic_0000001059340512_p16374137194"></a><a name="en-us_topic_0000001059340512_p16374137194"></a>change</p> 591</td> 592<td class="cellrowborder" valign="top" width="34.22%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_p1337420371394"><a name="en-us_topic_0000001059340512_p1337420371394"></a><a name="en-us_topic_0000001059340512_p1337420371394"></a>{ hour:hour, minute:minute,</p> 593<p id="en-us_topic_0000001059340512_p63743375915"><a name="en-us_topic_0000001059340512_p63743375915"></a><a name="en-us_topic_0000001059340512_p63743375915"></a>[second:second] }</p> 594</td> 595<td class="cellrowborder" valign="top" width="50.41%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_p153741371799"><a name="en-us_topic_0000001059340512_p153741371799"></a><a name="en-us_topic_0000001059340512_p153741371799"></a>Triggered when a value is selected and the OK button is clicked in the displayed pop-up window. If <strong id="en-us_topic_0000001059340512_b793820412016"><a name="en-us_topic_0000001059340512_b793820412016"></a><a name="en-us_topic_0000001059340512_b793820412016"></a>containsecond</strong> is set to true, value contains seconds.</p> 596</td> 597</tr> 598<tr id="en-us_topic_0000001059340512_row73749372917"><td class="cellrowborder" valign="top" width="15.370000000000001%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_p337415374916"><a name="en-us_topic_0000001059340512_p337415374916"></a><a name="en-us_topic_0000001059340512_p337415374916"></a>cancel</p> 599</td> 600<td class="cellrowborder" valign="top" width="34.22%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_p14374153713917"><a name="en-us_topic_0000001059340512_p14374153713917"></a><a name="en-us_topic_0000001059340512_p14374153713917"></a>-</p> 601</td> 602<td class="cellrowborder" valign="top" width="50.41%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_p937410371098"><a name="en-us_topic_0000001059340512_p937410371098"></a><a name="en-us_topic_0000001059340512_p937410371098"></a>Triggered when the cancel button is clicked.</p> 603</td> 604</tr> 605</tbody> 606</table> 607 608Multi-column text selector \(type is **multi-text**\) 609 610<a name="en-us_topic_0000001059340512_table53222371193"></a> 611<table><thead align="left"><tr id="en-us_topic_0000001059340512_row143747372915"><th class="cellrowborder" valign="top" width="13.969999999999999%" id="mcps1.1.4.1.1"><p id="en-us_topic_0000001059340512_p9374173715919"><a name="en-us_topic_0000001059340512_p9374173715919"></a><a name="en-us_topic_0000001059340512_p9374173715919"></a>Name</p> 612</th> 613<th class="cellrowborder" valign="top" width="36.9%" id="mcps1.1.4.1.2"><p id="en-us_topic_0000001059340512_p937415370915"><a name="en-us_topic_0000001059340512_p937415370915"></a><a name="en-us_topic_0000001059340512_p937415370915"></a>Parameter</p> 614</th> 615<th class="cellrowborder" valign="top" width="49.13%" id="mcps1.1.4.1.3"><p id="en-us_topic_0000001059340512_p103751437999"><a name="en-us_topic_0000001059340512_p103751437999"></a><a name="en-us_topic_0000001059340512_p103751437999"></a>Description</p> 616</th> 617</tr> 618</thead> 619<tbody><tr id="en-us_topic_0000001059340512_row9375537592"><td class="cellrowborder" valign="top" width="13.969999999999999%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_p16375103719916"><a name="en-us_topic_0000001059340512_p16375103719916"></a><a name="en-us_topic_0000001059340512_p16375103719916"></a>change</p> 620</td> 621<td class="cellrowborder" valign="top" width="36.9%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_p13757373911"><a name="en-us_topic_0000001059340512_p13757373911"></a><a name="en-us_topic_0000001059340512_p13757373911"></a>{newValue:[newValue1, newValue2, newValue3, ...], newSelected:[newSelected1, newSelected2, newSelected3, ...]}</p> 622</td> 623<td class="cellrowborder" valign="top" width="49.13%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_p5863123993116"><a name="en-us_topic_0000001059340512_p5863123993116"></a><a name="en-us_topic_0000001059340512_p5863123993116"></a>Triggered when an item is selected and the OK button is clicked in the displayed pop-up window.</p> 624<a name="en-us_topic_0000001059340512_ul368551113323"></a><a name="en-us_topic_0000001059340512_ul368551113323"></a><ul id="en-us_topic_0000001059340512_ul368551113323"><li><strong id="en-us_topic_0000001059340512_b0626192372512"><a name="en-us_topic_0000001059340512_b0626192372512"></a><a name="en-us_topic_0000001059340512_b0626192372512"></a>newValue</strong> is an array consisting of the values of the selected items.</li><li><strong id="en-us_topic_0000001059340512_b1290181522710"><a name="en-us_topic_0000001059340512_b1290181522710"></a><a name="en-us_topic_0000001059340512_b1290181522710"></a>newSelected</strong> is an array consisting of the indexes of the selected items. The lengths of <strong id="en-us_topic_0000001059340512_b142032033192714"><a name="en-us_topic_0000001059340512_b142032033192714"></a><a name="en-us_topic_0000001059340512_b142032033192714"></a>newValue</strong> and <strong id="en-us_topic_0000001059340512_b131696406270"><a name="en-us_topic_0000001059340512_b131696406270"></a><a name="en-us_topic_0000001059340512_b131696406270"></a>newSelected</strong> are the same as the length of <strong id="en-us_topic_0000001059340512_b49772553275"><a name="en-us_topic_0000001059340512_b49772553275"></a><a name="en-us_topic_0000001059340512_b49772553275"></a>range</strong>.</li></ul> 625</td> 626</tr> 627<tr id="en-us_topic_0000001059340512_row93751837892"><td class="cellrowborder" valign="top" width="13.969999999999999%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_p15375163715918"><a name="en-us_topic_0000001059340512_p15375163715918"></a><a name="en-us_topic_0000001059340512_p15375163715918"></a>columnchange</p> 628</td> 629<td class="cellrowborder" valign="top" width="36.9%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_p103751337294"><a name="en-us_topic_0000001059340512_p103751337294"></a><a name="en-us_topic_0000001059340512_p103751337294"></a>{ column:column, newValue:newValue, newSelected:newSelected }</p> 630</td> 631<td class="cellrowborder" valign="top" width="49.13%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_p048695823016"><a name="en-us_topic_0000001059340512_p048695823016"></a><a name="en-us_topic_0000001059340512_p048695823016"></a>Triggered when the value of a column in the multi-column text selector changes.</p> 632<a name="en-us_topic_0000001059340512_ul610192718311"></a><a name="en-us_topic_0000001059340512_ul610192718311"></a><ul id="en-us_topic_0000001059340512_ul610192718311"><li><strong id="en-us_topic_0000001059340512_b1266741291"><a name="en-us_topic_0000001059340512_b1266741291"></a><a name="en-us_topic_0000001059340512_b1266741291"></a>column</strong> indicates the column whose value has changed.</li><li><strong id="en-us_topic_0000001059340512_b1657817287298"><a name="en-us_topic_0000001059340512_b1657817287298"></a><a name="en-us_topic_0000001059340512_b1657817287298"></a>newValue</strong> indicates the selected value.</li><li><strong id="en-us_topic_0000001059340512_b0186105592917"><a name="en-us_topic_0000001059340512_b0186105592917"></a><a name="en-us_topic_0000001059340512_b0186105592917"></a>newSelected</strong> indicates the index of the selected value.</li></ul> 633</td> 634</tr> 635<tr id="en-us_topic_0000001059340512_row103751037795"><td class="cellrowborder" valign="top" width="13.969999999999999%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_p1437517378912"><a name="en-us_topic_0000001059340512_p1437517378912"></a><a name="en-us_topic_0000001059340512_p1437517378912"></a>cancel</p> 636</td> 637<td class="cellrowborder" valign="top" width="36.9%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_p137512371794"><a name="en-us_topic_0000001059340512_p137512371794"></a><a name="en-us_topic_0000001059340512_p137512371794"></a>-</p> 638</td> 639<td class="cellrowborder" valign="top" width="49.13%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_p103751937292"><a name="en-us_topic_0000001059340512_p103751937292"></a><a name="en-us_topic_0000001059340512_p103751937292"></a>Triggered when the cancel button is clicked.</p> 640</td> 641</tr> 642</tbody> 643</table> 644 645## Style<a name="en-us_topic_0000001059340512_section1299175511712"></a> 646 647<a name="en-us_topic_0000001059340512_table1744514388541"></a> 648<table><thead align="left"><tr id="en-us_topic_0000001059340512_row1244614388545"><th class="cellrowborder" valign="top" width="23.11768823117688%" id="mcps1.1.6.1.1"><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a14a0c012a26248cfbec6b13dcc4f2cbe"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a14a0c012a26248cfbec6b13dcc4f2cbe"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a14a0c012a26248cfbec6b13dcc4f2cbe"></a>Name</p> 649</th> 650<th class="cellrowborder" valign="top" width="20.477952204779523%" id="mcps1.1.6.1.2"><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8dc328a555a74157a00de86181fc3a7b"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8dc328a555a74157a00de86181fc3a7b"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8dc328a555a74157a00de86181fc3a7b"></a>Type</p> 651</th> 652<th class="cellrowborder" valign="top" width="8.869113088691131%" id="mcps1.1.6.1.3"><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a41a31e48d0c74ad4982add2655515c82"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a41a31e48d0c74ad4982add2655515c82"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a41a31e48d0c74ad4982add2655515c82"></a>Default Value</p> 653</th> 654<th class="cellrowborder" valign="top" width="7.519248075192481%" id="mcps1.1.6.1.4"><p id="en-us_topic_0000001059340512_p117421754619"><a name="en-us_topic_0000001059340512_p117421754619"></a><a name="en-us_topic_0000001059340512_p117421754619"></a>Mandatory</p> 655</th> 656<th class="cellrowborder" valign="top" width="40.01599840015999%" id="mcps1.1.6.1.5"><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af7a726e456f7485c87bd4e0527bc6584"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af7a726e456f7485c87bd4e0527bc6584"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af7a726e456f7485c87bd4e0527bc6584"></a>Description</p> 657</th> 658</tr> 659</thead> 660<tbody><tr id="en-us_topic_0000001059340512_row0987542688"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p17256104417811"><a name="en-us_topic_0000001059340512_p17256104417811"></a><a name="en-us_topic_0000001059340512_p17256104417811"></a>text-color</p> 661</td> 662<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p72571447810"><a name="en-us_topic_0000001059340512_p72571447810"></a><a name="en-us_topic_0000001059340512_p72571447810"></a><color></p> 663</td> 664<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p32576448814"><a name="en-us_topic_0000001059340512_p32576448814"></a><a name="en-us_topic_0000001059340512_p32576448814"></a>#e6000000</p> 665</td> 666<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p925710441589"><a name="en-us_topic_0000001059340512_p925710441589"></a><a name="en-us_topic_0000001059340512_p925710441589"></a>No</p> 667</td> 668<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p1725714442816"><a name="en-us_topic_0000001059340512_p1725714442816"></a><a name="en-us_topic_0000001059340512_p1725714442816"></a>Text color of the selector.</p> 669</td> 670</tr> 671<tr id="en-us_topic_0000001059340512_row9987142787"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p125719443810"><a name="en-us_topic_0000001059340512_p125719443810"></a><a name="en-us_topic_0000001059340512_p125719443810"></a>font-size</p> 672</td> 673<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p2257134411810"><a name="en-us_topic_0000001059340512_p2257134411810"></a><a name="en-us_topic_0000001059340512_p2257134411810"></a><length></p> 674</td> 675<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p102577441484"><a name="en-us_topic_0000001059340512_p102577441484"></a><a name="en-us_topic_0000001059340512_p102577441484"></a>30px</p> 676</td> 677<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p625719441085"><a name="en-us_topic_0000001059340512_p625719441085"></a><a name="en-us_topic_0000001059340512_p625719441085"></a>No</p> 678</td> 679<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p9258104416819"><a name="en-us_topic_0000001059340512_p9258104416819"></a><a name="en-us_topic_0000001059340512_p9258104416819"></a>Font size of the selector.</p> 680</td> 681</tr> 682<tr id="en-us_topic_0000001059340512_row9988124216820"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p122581644588"><a name="en-us_topic_0000001059340512_p122581644588"></a><a name="en-us_topic_0000001059340512_p122581644588"></a>allow-scale</p> 683</td> 684<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p425818441181"><a name="en-us_topic_0000001059340512_p425818441181"></a><a name="en-us_topic_0000001059340512_p425818441181"></a>boolean</p> 685</td> 686<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p18258144415810"><a name="en-us_topic_0000001059340512_p18258144415810"></a><a name="en-us_topic_0000001059340512_p18258144415810"></a>true</p> 687</td> 688<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p325817446812"><a name="en-us_topic_0000001059340512_p325817446812"></a><a name="en-us_topic_0000001059340512_p325817446812"></a>No</p> 689</td> 690<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p162581244489"><a name="en-us_topic_0000001059340512_p162581244489"></a><a name="en-us_topic_0000001059340512_p162581244489"></a>Whether the font size changes with the system's font size settings.</p> 691<div class="note" id="en-us_topic_0000001059340512_note182589441584"><a name="en-us_topic_0000001059340512_note182589441584"></a><a name="en-us_topic_0000001059340512_note182589441584"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001059340512_p22582445817"><a name="en-us_topic_0000001059340512_p22582445817"></a><a name="en-us_topic_0000001059340512_p22582445817"></a>If the <strong id="en-us_topic_0000001059340512_b133885541595"><a name="en-us_topic_0000001059340512_b133885541595"></a><a name="en-us_topic_0000001059340512_b133885541595"></a>config-changes</strong> tag of <strong id="en-us_topic_0000001059340512_b103882542599"><a name="en-us_topic_0000001059340512_b103882542599"></a><a name="en-us_topic_0000001059340512_b103882542599"></a>fontSize</strong> is configured for abilities in the <strong id="en-us_topic_0000001059340512_b538965485919"><a name="en-us_topic_0000001059340512_b538965485919"></a><a name="en-us_topic_0000001059340512_b538965485919"></a>config.json</strong> file, the setting takes effect without application restart.</p> 692</div></div> 693</td> 694</tr> 695<tr id="en-us_topic_0000001059340512_row6915637281"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p925914441088"><a name="en-us_topic_0000001059340512_p925914441088"></a><a name="en-us_topic_0000001059340512_p925914441088"></a>letter-spacing</p> 696</td> 697<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p625910445818"><a name="en-us_topic_0000001059340512_p625910445818"></a><a name="en-us_topic_0000001059340512_p625910445818"></a><length></p> 698</td> 699<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p1625914414813"><a name="en-us_topic_0000001059340512_p1625914414813"></a><a name="en-us_topic_0000001059340512_p1625914414813"></a>0</p> 700</td> 701<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p15259244683"><a name="en-us_topic_0000001059340512_p15259244683"></a><a name="en-us_topic_0000001059340512_p15259244683"></a>No</p> 702</td> 703<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p725912441586"><a name="en-us_topic_0000001059340512_p725912441586"></a><a name="en-us_topic_0000001059340512_p725912441586"></a>Letter spacing of the selector. For details, see <a href="text.md#en-us_topic_0000001058830803_section5775351116">letter-spacing</a> of the <strong id="en-us_topic_0000001059340512_b16466115785416"><a name="en-us_topic_0000001059340512_b16466115785416"></a><a name="en-us_topic_0000001059340512_b16466115785416"></a>text</strong> component.</p> 704</td> 705</tr> 706<tr id="en-us_topic_0000001059340512_row1491653713816"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p1325913449815"><a name="en-us_topic_0000001059340512_p1325913449815"></a><a name="en-us_topic_0000001059340512_p1325913449815"></a>text-decoration</p> 707</td> 708<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p19259844687"><a name="en-us_topic_0000001059340512_p19259844687"></a><a name="en-us_topic_0000001059340512_p19259844687"></a>string</p> 709</td> 710<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p162595441282"><a name="en-us_topic_0000001059340512_p162595441282"></a><a name="en-us_topic_0000001059340512_p162595441282"></a>-</p> 711</td> 712<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p426044415816"><a name="en-us_topic_0000001059340512_p426044415816"></a><a name="en-us_topic_0000001059340512_p426044415816"></a>No</p> 713</td> 714<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p1026016441782"><a name="en-us_topic_0000001059340512_p1026016441782"></a><a name="en-us_topic_0000001059340512_p1026016441782"></a>Text decoration of the selector. For details, see <a href="text.md#en-us_topic_0000001058830803_section5775351116">text-decoration</a> of the <strong id="en-us_topic_0000001059340512_b3970995559"><a name="en-us_topic_0000001059340512_b3970995559"></a><a name="en-us_topic_0000001059340512_b3970995559"></a>text</strong> component.</p> 715</td> 716</tr> 717<tr id="en-us_topic_0000001059340512_row1091633713817"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p202601944888"><a name="en-us_topic_0000001059340512_p202601944888"></a><a name="en-us_topic_0000001059340512_p202601944888"></a>font-style</p> 718</td> 719<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p1926064414817"><a name="en-us_topic_0000001059340512_p1926064414817"></a><a name="en-us_topic_0000001059340512_p1926064414817"></a>string</p> 720</td> 721<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p1326034416814"><a name="en-us_topic_0000001059340512_p1326034416814"></a><a name="en-us_topic_0000001059340512_p1326034416814"></a>normal</p> 722</td> 723<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p7260144414815"><a name="en-us_topic_0000001059340512_p7260144414815"></a><a name="en-us_topic_0000001059340512_p7260144414815"></a>No</p> 724</td> 725<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p11260154410811"><a name="en-us_topic_0000001059340512_p11260154410811"></a><a name="en-us_topic_0000001059340512_p11260154410811"></a>Font style of the selector. For details, see <a href="text.md#en-us_topic_0000001058830803_section5775351116">font-style</a> of the <strong id="en-us_topic_0000001059340512_b270516223556"><a name="en-us_topic_0000001059340512_b270516223556"></a><a name="en-us_topic_0000001059340512_b270516223556"></a>text</strong> component.</p> 726</td> 727</tr> 728<tr id="en-us_topic_0000001059340512_row1393953217816"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p1826114419811"><a name="en-us_topic_0000001059340512_p1826114419811"></a><a name="en-us_topic_0000001059340512_p1826114419811"></a>font-weight</p> 729</td> 730<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p9261174416814"><a name="en-us_topic_0000001059340512_p9261174416814"></a><a name="en-us_topic_0000001059340512_p9261174416814"></a>number | string</p> 731</td> 732<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p152618441582"><a name="en-us_topic_0000001059340512_p152618441582"></a><a name="en-us_topic_0000001059340512_p152618441582"></a>normal</p> 733</td> 734<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p426115441983"><a name="en-us_topic_0000001059340512_p426115441983"></a><a name="en-us_topic_0000001059340512_p426115441983"></a>No</p> 735</td> 736<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p126117444819"><a name="en-us_topic_0000001059340512_p126117444819"></a><a name="en-us_topic_0000001059340512_p126117444819"></a>Font weight of the selector. For details, see <a href="text.md#en-us_topic_0000001058830803_section5775351116">font-weight</a> of the <strong id="en-us_topic_0000001059340512_b1825684285512"><a name="en-us_topic_0000001059340512_b1825684285512"></a><a name="en-us_topic_0000001059340512_b1825684285512"></a>text</strong> component.</p> 737</td> 738</tr> 739<tr id="en-us_topic_0000001059340512_row86514307816"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p142616441817"><a name="en-us_topic_0000001059340512_p142616441817"></a><a name="en-us_topic_0000001059340512_p142616441817"></a>font-family</p> 740</td> 741<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p1526119446816"><a name="en-us_topic_0000001059340512_p1526119446816"></a><a name="en-us_topic_0000001059340512_p1526119446816"></a>string</p> 742</td> 743<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p172628445820"><a name="en-us_topic_0000001059340512_p172628445820"></a><a name="en-us_topic_0000001059340512_p172628445820"></a>sans-serif</p> 744</td> 745<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p19262204414818"><a name="en-us_topic_0000001059340512_p19262204414818"></a><a name="en-us_topic_0000001059340512_p19262204414818"></a>No</p> 746</td> 747<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p14262244889"><a name="en-us_topic_0000001059340512_p14262244889"></a><a name="en-us_topic_0000001059340512_p14262244889"></a>Font family, in which fonts are separated by commas (,). Each font is set using a font name or font family name. The first font in the family or the font specified by <a href="custom-font-styles.md#EN-US_TOPIC_0000001162414611">Custom Font Styles</a> is used for the text.</p> 748</td> 749</tr> 750<tr id="en-us_topic_0000001059340512_row1347911273811"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p13262444284"><a name="en-us_topic_0000001059340512_p13262444284"></a><a name="en-us_topic_0000001059340512_p13262444284"></a>line-height</p> 751</td> 752<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p10262544889"><a name="en-us_topic_0000001059340512_p10262544889"></a><a name="en-us_topic_0000001059340512_p10262544889"></a><length></p> 753</td> 754<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p926211441886"><a name="en-us_topic_0000001059340512_p926211441886"></a><a name="en-us_topic_0000001059340512_p926211441886"></a>0px</p> 755</td> 756<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p9262134418814"><a name="en-us_topic_0000001059340512_p9262134418814"></a><a name="en-us_topic_0000001059340512_p9262134418814"></a>No</p> 757</td> 758<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p162624442818"><a name="en-us_topic_0000001059340512_p162624442818"></a><a name="en-us_topic_0000001059340512_p162624442818"></a>Text line height of the selector.</p> 759</td> 760</tr> 761<tr id="en-us_topic_0000001059340512_row134620105013"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_p114635103010"><a name="en-us_topic_0000001059340512_p114635103010"></a><a name="en-us_topic_0000001059340512_p114635103010"></a>column-height<sup id="en-us_topic_0000001059340512_sup758317221119"><a name="en-us_topic_0000001059340512_sup758317221119"></a><a name="en-us_topic_0000001059340512_sup758317221119"></a>5+</sup></p> 762</td> 763<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_p1146316101901"><a name="en-us_topic_0000001059340512_p1146316101901"></a><a name="en-us_topic_0000001059340512_p1146316101901"></a><length></p> 764</td> 765<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_p546371010019"><a name="en-us_topic_0000001059340512_p546371010019"></a><a name="en-us_topic_0000001059340512_p546371010019"></a>-</p> 766</td> 767<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p114631910307"><a name="en-us_topic_0000001059340512_p114631910307"></a><a name="en-us_topic_0000001059340512_p114631910307"></a>No</p> 768</td> 769<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_p24639104017"><a name="en-us_topic_0000001059340512_p24639104017"></a><a name="en-us_topic_0000001059340512_p24639104017"></a>Height of the selector option list.</p> 770</td> 771</tr> 772<tr id="en-us_topic_0000001059340512_row13446238145410"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8bc81ecef4934adf91deb1d6167045d7"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8bc81ecef4934adf91deb1d6167045d7"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8bc81ecef4934adf91deb1d6167045d7"></a>width</p> 773</td> 774<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a59692217b9c94353a020a2f0a20f01a7"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a59692217b9c94353a020a2f0a20f01a7"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a59692217b9c94353a020a2f0a20f01a7"></a><length> | <percentage></p> 775</td> 776<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p3948114217528"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p3948114217528"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p3948114217528"></a>-</p> 777</td> 778<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p13174101704612"><a name="en-us_topic_0000001059340512_p13174101704612"></a><a name="en-us_topic_0000001059340512_p13174101704612"></a>No</p> 779</td> 780<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p624653010258"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p624653010258"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p624653010258"></a>Component width.</p> 781<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p84811050134010"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p84811050134010"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p84811050134010"></a>If this attribute is not set, the width required for the element content is used. </p> 782</td> 783</tr> 784<tr id="en-us_topic_0000001059340512_row7446738195418"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a738cc687552c4b8cb1aa9f9e7d9ea8c2"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a738cc687552c4b8cb1aa9f9e7d9ea8c2"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a738cc687552c4b8cb1aa9f9e7d9ea8c2"></a>height</p> 785</td> 786<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a82c5d9c65b3646ec92afe5f0f47a2149"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a82c5d9c65b3646ec92afe5f0f47a2149"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a82c5d9c65b3646ec92afe5f0f47a2149"></a><length><span id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph11748352163918"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph11748352163918"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph11748352163918"></a></span> | <percentage></p> 787</td> 788<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a7e6c7daafecf475888d0420835662eb4"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a7e6c7daafecf475888d0420835662eb4"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a7e6c7daafecf475888d0420835662eb4"></a>-</p> 789</td> 790<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p71741417194619"><a name="en-us_topic_0000001059340512_p71741417194619"></a><a name="en-us_topic_0000001059340512_p71741417194619"></a>No</p> 791</td> 792<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1477601264"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1477601264"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1477601264"></a>Component height.</p> 793<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p208761554184020"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p208761554184020"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p208761554184020"></a>If this length attribute is not set, the length required for the element content is used. </p> 794</td> 795</tr> 796<tr id="en-us_topic_0000001059340512_row18446638145412"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8ff18465b8f0453c836067e5902b7eb6"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8ff18465b8f0453c836067e5902b7eb6"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8ff18465b8f0453c836067e5902b7eb6"></a>padding</p> 797</td> 798<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a53628f36a25a4823a901d5b66860f44e"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a53628f36a25a4823a901d5b66860f44e"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a53628f36a25a4823a901d5b66860f44e"></a><length> | <percentage><sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup1886516813013"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup1886516813013"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup1886516813013"></a>5+</sup></p> 799</td> 800<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_adc824deaee924821a47a798b589f22c8"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_adc824deaee924821a47a798b589f22c8"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_adc824deaee924821a47a798b589f22c8"></a>0</p> 801</td> 802<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p19729127112814"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p19729127112814"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p19729127112814"></a>No</p> 803</td> 804<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p157435053316"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p157435053316"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p157435053316"></a>Shorthand attribute to set all padding attributes.</p> 805<div class="p" id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a68a6d5ddc59c49f0aaddd82e75932524"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a68a6d5ddc59c49f0aaddd82e75932524"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a68a6d5ddc59c49f0aaddd82e75932524"></a>The attribute can have one to four values:<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul15202134923211"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul15202134923211"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul15202134923211"><li><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p10614155353215"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p10614155353215"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p10614155353215"></a>If you set only one value, it specifies the padding for four sides.</p> 806</li><li><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p10614175393216"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p10614175393216"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p10614175393216"></a>If you set two values, the first value specifies the top and bottom padding, and the second value specifies the left and right padding.</p> 807</li><li><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p8614205393214"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p8614205393214"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p8614205393214"></a>If you set three values, the first value specifies the top padding, the second value specifies the left and right padding, and the third value specifies the bottom padding.</p> 808</li><li><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p106141853193215"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p106141853193215"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p106141853193215"></a>If you set four values, they respectively specify the padding for top, right, bottom, and left sides (in clockwise order).</p> 809</li></ul> 810</div> 811</td> 812</tr> 813<tr id="en-us_topic_0000001059340512_row24464380544"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ab0185a7b5a4944f3b38f8c71c8ca794d"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ab0185a7b5a4944f3b38f8c71c8ca794d"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ab0185a7b5a4944f3b38f8c71c8ca794d"></a>padding-[left|top|right|bottom]</p> 814</td> 815<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a49dd523e2f1b4253a19231e776dc1951"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a49dd523e2f1b4253a19231e776dc1951"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a49dd523e2f1b4253a19231e776dc1951"></a><length> | <percentage><sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup19949912807"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup19949912807"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup19949912807"></a>5+</sup></p> 816</td> 817<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af52ecd93919b4fa08ae4d376e3d544a2"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af52ecd93919b4fa08ae4d376e3d544a2"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af52ecd93919b4fa08ae4d376e3d544a2"></a>0</p> 818</td> 819<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p11729374289"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p11729374289"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p11729374289"></a>No</p> 820</td> 821<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a3575ab240d384ab1a21119ea3428ab7d"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a3575ab240d384ab1a21119ea3428ab7d"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a3575ab240d384ab1a21119ea3428ab7d"></a>Left, top, right, and bottom padding (in px).</p> 822</td> 823</tr> 824<tr id="en-us_topic_0000001059340512_row1144723845412"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p769124717365"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p769124717365"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p769124717365"></a>padding-[start|end]</p> 825</td> 826<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p157617124374"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p157617124374"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p157617124374"></a><length> | <percentage><sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup8490161513019"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup8490161513019"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup8490161513019"></a>5+</sup></p> 827</td> 828<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1069144703616"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1069144703616"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1069144703616"></a>0</p> 829</td> 830<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1373027182819"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1373027182819"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1373027182819"></a>No</p> 831</td> 832<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1269184753610"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1269184753610"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1269184753610"></a>Start and end padding.</p> 833</td> 834</tr> 835<tr id="en-us_topic_0000001059340512_row11447438175410"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_afa508e5429d948b2b561943d6b2f0f31"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_afa508e5429d948b2b561943d6b2f0f31"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_afa508e5429d948b2b561943d6b2f0f31"></a>margin</p> 836</td> 837<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a4dab4f9d97a74a27a45b7ef1d2ab08e6"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a4dab4f9d97a74a27a45b7ef1d2ab08e6"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a4dab4f9d97a74a27a45b7ef1d2ab08e6"></a><length> | <percentage><sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup1433352175220"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup1433352175220"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup1433352175220"></a>5+</sup></p> 838</td> 839<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a5e3c234d78214e8180b51d237adda154"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a5e3c234d78214e8180b51d237adda154"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a5e3c234d78214e8180b51d237adda154"></a>0</p> 840</td> 841<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p4730774285"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p4730774285"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p4730774285"></a>No</p> 842</td> 843<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a1d350e36a773420baf5ebb930cd5ad66"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a1d350e36a773420baf5ebb930cd5ad66"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a1d350e36a773420baf5ebb930cd5ad66"></a>Shorthand attribute to set margins for all sides in a declaration. The attribute can have one to four values:</p> 844<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul5333133311105"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul5333133311105"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul5333133311105"><li><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p03345339103"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p03345339103"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p03345339103"></a>If you set only one value, it specifies the margin for all the four sides.</p> 845</li><li><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1133420334108"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1133420334108"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1133420334108"></a>If you set two values, the first value is for the top and bottom sides and the second value for the left and right sides.</p> 846</li><li><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p193341533191015"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p193341533191015"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p193341533191015"></a>If you set three values, the first value is for the top, the second value for the left and right, and the third value for the bottom.</p> 847</li><li><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p733412334102"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p733412334102"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p733412334102"></a>If you set four values, they are margins for top, right, bottom, and left sides, respectively.</p> 848</li></ul> 849</td> 850</tr> 851<tr id="en-us_topic_0000001059340512_row144473383544"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a70939a36b2b04dd8bec21f5bddc8637e"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a70939a36b2b04dd8bec21f5bddc8637e"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a70939a36b2b04dd8bec21f5bddc8637e"></a>margin-[left|top|right|bottom]</p> 852</td> 853<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ae53ac9ac370d483990e04ea9789c1e49"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ae53ac9ac370d483990e04ea9789c1e49"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ae53ac9ac370d483990e04ea9789c1e49"></a><length> | <percentage><sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup378331720532"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup378331720532"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup378331720532"></a>5+</sup></p> 854</td> 855<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a180cd037e6174e5c82f35a3a66b6f2ec"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a180cd037e6174e5c82f35a3a66b6f2ec"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a180cd037e6174e5c82f35a3a66b6f2ec"></a>0</p> 856</td> 857<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p773013742811"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p773013742811"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p773013742811"></a>No</p> 858</td> 859<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a487d09add6e54c5c89fa4f22e9318271"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a487d09add6e54c5c89fa4f22e9318271"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a487d09add6e54c5c89fa4f22e9318271"></a>Left, top, right, and bottom margins.</p> 860</td> 861</tr> 862<tr id="en-us_topic_0000001059340512_row944743811541"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p9492107123816"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p9492107123816"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p9492107123816"></a>margin-[start|end]</p> 863</td> 864<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p157617124374_1"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p157617124374_1"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p157617124374_1"></a><length> | <percentage><sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup8490161513019_1"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup8490161513019_1"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup8490161513019_1"></a>5+</sup></p> 865</td> 866<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1549213793811"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1549213793811"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1549213793811"></a>0</p> 867</td> 868<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p117511744618"><a name="en-us_topic_0000001059340512_p117511744618"></a><a name="en-us_topic_0000001059340512_p117511744618"></a>No</p> 869</td> 870<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1049212715388"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1049212715388"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1049212715388"></a>Start and end margins.</p> 871</td> 872</tr> 873<tr id="en-us_topic_0000001059340512_row16447238155411"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a222bb48f24014f2eb2b16a1a840bbebb"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a222bb48f24014f2eb2b16a1a840bbebb"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a222bb48f24014f2eb2b16a1a840bbebb"></a>border</p> 874</td> 875<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a79b4eaf9983c44d0aad39ff04d0997a8"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a79b4eaf9983c44d0aad39ff04d0997a8"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a79b4eaf9983c44d0aad39ff04d0997a8"></a>-</p> 876</td> 877<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aac320f4f0a42401aa7fa778d9829d77c"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aac320f4f0a42401aa7fa778d9829d77c"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aac320f4f0a42401aa7fa778d9829d77c"></a>0</p> 878</td> 879<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p11175131715467"><a name="en-us_topic_0000001059340512_p11175131715467"></a><a name="en-us_topic_0000001059340512_p11175131715467"></a>No</p> 880</td> 881<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a9cd962871a4c467a8e1ef452621d5cd7"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a9cd962871a4c467a8e1ef452621d5cd7"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a9cd962871a4c467a8e1ef452621d5cd7"></a>Shorthand attribute to set all borders. You can set <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b79128342503"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b79128342503"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b79128342503"></a>border-width</strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b9366173919505"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b9366173919505"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b9366173919505"></a>border-style</strong>, and <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b184351248205019"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b184351248205019"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b184351248205019"></a>border-color</strong> in sequence. Default values are used for attributes that are not set.</p> 882</td> 883</tr> 884<tr id="en-us_topic_0000001059340512_row4447138115414"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a987708c0864a4128af094334f1b024b3"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a987708c0864a4128af094334f1b024b3"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a987708c0864a4128af094334f1b024b3"></a>border-style</p> 885</td> 886<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p513631613319"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p513631613319"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p513631613319"></a>string</p> 887</td> 888<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2567083af59c40e58e3e4d9b0ddf1485"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2567083af59c40e58e3e4d9b0ddf1485"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2567083af59c40e58e3e4d9b0ddf1485"></a>solid</p> 889</td> 890<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p617531717464"><a name="en-us_topic_0000001059340512_p617531717464"></a><a name="en-us_topic_0000001059340512_p617531717464"></a>No</p> 891</td> 892<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p342285712314"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p342285712314"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p342285712314"></a>Shorthand attribute to set the style for all borders. Available values are as follows:</p> 893<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul1470834505612"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul1470834505612"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul1470834505612"><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b143453286360"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b143453286360"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b143453286360"></a>dotted</strong>: Dotted border. The radius of a dot is half of border-width.</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b792117280367"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b792117280367"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b792117280367"></a>dashed</strong>: Dashed border</li></ul> 894<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul15621125545612"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul15621125545612"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul15621125545612"><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1335862963610"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1335862963610"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1335862963610"></a>solid</strong>: Solid border</li></ul> 895</td> 896</tr> 897<tr id="en-us_topic_0000001059340512_row1656512239262"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p119531437370"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p119531437370"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p119531437370"></a>border-[left|top|right|bottom]-style</p> 898</td> 899<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p129532037175"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p129532037175"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p129532037175"></a>string</p> 900</td> 901<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p495312372717"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p495312372717"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p495312372717"></a>solid</p> 902</td> 903<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p169534375717"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p169534375717"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p169534375717"></a>No</p> 904</td> 905<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p595353718719"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p595353718719"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p595353718719"></a>Styles of the left, top, right, and bottom borders. The available values are <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b17769171311540"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b17769171311540"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b17769171311540"></a>dotted</strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b237141519547"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b237141519547"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b237141519547"></a>dashed</strong>, and <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b8949161613540"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b8949161613540"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b8949161613540"></a>solid</strong>.</p> 906</td> 907</tr> 908<tr id="en-us_topic_0000001059340512_row19448113811542"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8afd82b1aba547d3b0188b749518b2de"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8afd82b1aba547d3b0188b749518b2de"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8afd82b1aba547d3b0188b749518b2de"></a>border-[left|top|right|bottom]</p> 909</td> 910<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ac4b8a3b39e5446b5868f1f2989dc9590"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ac4b8a3b39e5446b5868f1f2989dc9590"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ac4b8a3b39e5446b5868f1f2989dc9590"></a>-</p> 911</td> 912<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a3420bc82bd17458ab82fa996ade7064c"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a3420bc82bd17458ab82fa996ade7064c"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a3420bc82bd17458ab82fa996ade7064c"></a>-</p> 913</td> 914<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p67303762810"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p67303762810"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p67303762810"></a>No</p> 915</td> 916<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af4178a066c344412afbd38f4b0c44818"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af4178a066c344412afbd38f4b0c44818"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af4178a066c344412afbd38f4b0c44818"></a>Shorthand attribute to set the borders for every side respectively. You can set <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b122415514554"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b122415514554"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b122415514554"></a>border-width</strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b12296178135513"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b12296178135513"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b12296178135513"></a>border-style</strong>, and <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1129701210553"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1129701210553"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1129701210553"></a>border-color</strong> in sequence. Default values are used for attributes that are not set.</p> 917</td> 918</tr> 919<tr id="en-us_topic_0000001059340512_row124481638165417"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_adf0e0afedc774afca9cda0e509391029"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_adf0e0afedc774afca9cda0e509391029"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_adf0e0afedc774afca9cda0e509391029"></a>border-width</p> 920</td> 921<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a0782ea2c45eb4864a8df82f30dd2cd5f"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a0782ea2c45eb4864a8df82f30dd2cd5f"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a0782ea2c45eb4864a8df82f30dd2cd5f"></a><length></p> 922</td> 923<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a395cbedd521145bd820b9171ee2dd7ac"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a395cbedd521145bd820b9171ee2dd7ac"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a395cbedd521145bd820b9171ee2dd7ac"></a>0</p> 924</td> 925<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p16175131724618"><a name="en-us_topic_0000001059340512_p16175131724618"></a><a name="en-us_topic_0000001059340512_p16175131724618"></a>No</p> 926</td> 927<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a7ae60621ea3341818a03bfdffa641894"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a7ae60621ea3341818a03bfdffa641894"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a7ae60621ea3341818a03bfdffa641894"></a>Shorthand attribute to set the width of all borders<span id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph07997369365"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph07997369365"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph07997369365"></a>, or separately set the width of each border</span>.</p> 928</td> 929</tr> 930<tr id="en-us_topic_0000001059340512_row54481038165410"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a7371edc07c664266a2e1866f31ad0d0c"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a7371edc07c664266a2e1866f31ad0d0c"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a7371edc07c664266a2e1866f31ad0d0c"></a>border-[left|top|right|bottom]-width</p> 931</td> 932<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2faa532b841948a7b6598542b4eccc7b"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2faa532b841948a7b6598542b4eccc7b"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2faa532b841948a7b6598542b4eccc7b"></a><length></p> 933</td> 934<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a87f38cfa47f54bc18c32f9671c0f9ca6"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a87f38cfa47f54bc18c32f9671c0f9ca6"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a87f38cfa47f54bc18c32f9671c0f9ca6"></a>0</p> 935</td> 936<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p11175151717466"><a name="en-us_topic_0000001059340512_p11175151717466"></a><a name="en-us_topic_0000001059340512_p11175151717466"></a>No</p> 937</td> 938<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a20386e66c3834d5f96cf9435c4715c5b"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a20386e66c3834d5f96cf9435c4715c5b"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a20386e66c3834d5f96cf9435c4715c5b"></a>Attribute to set widths of left, top, right, and bottom borders.</p> 939</td> 940</tr> 941<tr id="en-us_topic_0000001059340512_row1744817385547"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a40a816cf0a03489d81f209a8aa7d81a6"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a40a816cf0a03489d81f209a8aa7d81a6"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a40a816cf0a03489d81f209a8aa7d81a6"></a>border-color</p> 942</td> 943<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_afcc7c948ae0947b2a78002d31f2f9748"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_afcc7c948ae0947b2a78002d31f2f9748"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_afcc7c948ae0947b2a78002d31f2f9748"></a><color></p> 944</td> 945<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ae0909d2b896342f9b2196fe0dce72920"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ae0909d2b896342f9b2196fe0dce72920"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ae0909d2b896342f9b2196fe0dce72920"></a>black</p> 946</td> 947<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p1017518177465"><a name="en-us_topic_0000001059340512_p1017518177465"></a><a name="en-us_topic_0000001059340512_p1017518177465"></a>No</p> 948</td> 949<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a76fd98995e1d4217aa703fecd69325c7"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a76fd98995e1d4217aa703fecd69325c7"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a76fd98995e1d4217aa703fecd69325c7"></a>Shorthand attribute to set the color of all borders<span id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph9587639113619"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph9587639113619"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph9587639113619"></a>, or separately set the color of each border</span>.</p> 950</td> 951</tr> 952<tr id="en-us_topic_0000001059340512_row844813835410"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2afc646d6a2549548bcd5c4b9bed1fb5"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2afc646d6a2549548bcd5c4b9bed1fb5"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2afc646d6a2549548bcd5c4b9bed1fb5"></a>border-[left|top|right|bottom]-color</p> 953</td> 954<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a34556866a4f54f5da88f148fc698867b"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a34556866a4f54f5da88f148fc698867b"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a34556866a4f54f5da88f148fc698867b"></a><color></p> 955</td> 956<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8ff58e18553846a38e82c69149e2aa30"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8ff58e18553846a38e82c69149e2aa30"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8ff58e18553846a38e82c69149e2aa30"></a>black</p> 957</td> 958<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p11175417184611"><a name="en-us_topic_0000001059340512_p11175417184611"></a><a name="en-us_topic_0000001059340512_p11175417184611"></a>No</p> 959</td> 960<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a5c85947d388c4c7fbf0de07b022bb44e"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a5c85947d388c4c7fbf0de07b022bb44e"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a5c85947d388c4c7fbf0de07b022bb44e"></a>Attribute to set colors of left, top, right, and bottom borders.</p> 961</td> 962</tr> 963<tr id="en-us_topic_0000001059340512_row944813389540"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a65974e3078c447a383fb9237cc4ffa32"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a65974e3078c447a383fb9237cc4ffa32"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a65974e3078c447a383fb9237cc4ffa32"></a>border-radius</p> 964</td> 965<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a413fd0aea8b243349a19f825e96ee8b6"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a413fd0aea8b243349a19f825e96ee8b6"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a413fd0aea8b243349a19f825e96ee8b6"></a><length></p> 966</td> 967<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af786857698c74e259f52589a6670a0a1"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af786857698c74e259f52589a6670a0a1"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af786857698c74e259f52589a6670a0a1"></a>-</p> 968</td> 969<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p67306752816"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p67306752816"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p67306752816"></a>No</p> 970</td> 971<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a52ca834f42124d3b8b12bbf54914fc96"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a52ca834f42124d3b8b12bbf54914fc96"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a52ca834f42124d3b8b12bbf54914fc96"></a>Attribute to set the radius of round borders of an element. <span id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph1249443123611"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph1249443123611"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph1249443123611"></a>This attribute cannot be used to set the width, color, or style of a specific border. To set the width or color, you need to set <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b124211434362"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b124211434362"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b124211434362"></a>border-width</strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b124894383615"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b124894383615"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b124894383615"></a>border-color</strong>, or <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b7166134516465"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b7166134516465"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b7166134516465"></a>border-style</strong> for all the borders at the same time.</span></p> 972</td> 973</tr> 974<tr id="en-us_topic_0000001059340512_row104494382546"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a466f1f8bc2fb404e82e8417c5133eacb"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a466f1f8bc2fb404e82e8417c5133eacb"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a466f1f8bc2fb404e82e8417c5133eacb"></a>border-[top|bottom]-[left|right]-radius</p> 975</td> 976<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a499fe910d0284647abc48b1bd0eb4868"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a499fe910d0284647abc48b1bd0eb4868"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a499fe910d0284647abc48b1bd0eb4868"></a><length></p> 977</td> 978<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ac142d1054eee499f948069f46129c492"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ac142d1054eee499f948069f46129c492"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ac142d1054eee499f948069f46129c492"></a>-</p> 979</td> 980<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p27305718283"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p27305718283"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p27305718283"></a>No</p> 981</td> 982<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a63757091a86c4ced97f0c39d37a2117c"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a63757091a86c4ced97f0c39d37a2117c"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a63757091a86c4ced97f0c39d37a2117c"></a>Attribute to receptively set the radii of upper-left, upper-right, lower-right, and lower-left rounded corners</p> 983</td> 984</tr> 985<tr id="en-us_topic_0000001059340512_row1344912384548"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ae335be2c6150440fb31b40b1ca117858"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ae335be2c6150440fb31b40b1ca117858"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ae335be2c6150440fb31b40b1ca117858"></a>background</p> 986</td> 987<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a394a81171c5c4d1aa81b94fc5d2f0f07"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a394a81171c5c4d1aa81b94fc5d2f0f07"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a394a81171c5c4d1aa81b94fc5d2f0f07"></a><linear-gradient></p> 988</td> 989<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a0734de04e90e470cb608e8d5f42c6874"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a0734de04e90e470cb608e8d5f42c6874"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a0734de04e90e470cb608e8d5f42c6874"></a>-</p> 990</td> 991<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p15730197132811"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p15730197132811"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p15730197132811"></a>No</p> 992</td> 993<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a1d2985ee819d4cfd87861080354def51"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a1d2985ee819d4cfd87861080354def51"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a1d2985ee819d4cfd87861080354def51"></a>This attribute supports <a href="gradient-styles.md#EN-US_TOPIC_0000001115974726">Gradient Styles</a> only but is not compatible with <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b389373419292"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b389373419292"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b389373419292"></a>background-color</strong> or <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b0399637142918"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b0399637142918"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b0399637142918"></a>background-image</strong>.</p> 994</td> 995</tr> 996<tr id="en-us_topic_0000001059340512_row15449838185416"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2977672444224b738a566c61225961c2"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2977672444224b738a566c61225961c2"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2977672444224b738a566c61225961c2"></a>background-color</p> 997</td> 998<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a87186748ed7c4694aef0095d8a7f8e43"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a87186748ed7c4694aef0095d8a7f8e43"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a87186748ed7c4694aef0095d8a7f8e43"></a><color></p> 999</td> 1000<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2775a3cca8994bec9b754af0d2455eb5"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2775a3cca8994bec9b754af0d2455eb5"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2775a3cca8994bec9b754af0d2455eb5"></a>-</p> 1001</td> 1002<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p17730577282"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p17730577282"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p17730577282"></a>No</p> 1003</td> 1004<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a372b6089bf9746f091c91fa49b571f1d"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a372b6089bf9746f091c91fa49b571f1d"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a372b6089bf9746f091c91fa49b571f1d"></a>Background color.</p> 1005</td> 1006</tr> 1007<tr id="en-us_topic_0000001059340512_row54491338115412"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ab2dff80cd59c4db1bf4293172f89735e"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ab2dff80cd59c4db1bf4293172f89735e"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ab2dff80cd59c4db1bf4293172f89735e"></a>background-image</p> 1008</td> 1009<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ad9a7e9f2469b45238a6a0ac6da232286"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ad9a7e9f2469b45238a6a0ac6da232286"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ad9a7e9f2469b45238a6a0ac6da232286"></a>string</p> 1010</td> 1011<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a73fb72c96edd488ba74c364568e345c6"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a73fb72c96edd488ba74c364568e345c6"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a73fb72c96edd488ba74c364568e345c6"></a>-</p> 1012</td> 1013<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p7730976285"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p7730976285"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p7730976285"></a>No</p> 1014</td> 1015<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a24de29e3cb4d476fabe55d48d69350a8"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a24de29e3cb4d476fabe55d48d69350a8"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a24de29e3cb4d476fabe55d48d69350a8"></a>Background image. Currently, this attribute is not compatible with <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b17699154763620"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b17699154763620"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b17699154763620"></a>background-color</strong> or <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b87001647163613"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b87001647163613"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b87001647163613"></a>background</strong>. Local image resources are supported.</p> 1016<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p45914251572"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p45914251572"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p45914251572"></a>Example:</p> 1017<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p16184973578"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p16184973578"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p16184973578"></a>background-image: url("/common/background.png")</p> 1018</td> 1019</tr> 1020<tr id="en-us_topic_0000001059340512_row6449238185416"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af81424fd1fbf4f5da65ea5d136390494"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af81424fd1fbf4f5da65ea5d136390494"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_af81424fd1fbf4f5da65ea5d136390494"></a>background-size</p> 1021</td> 1022<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul1065173641310"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul1065173641310"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul1065173641310"><li>string</li><li><length> <length></li><li><percentage> <percentage></li></ul> 1023</td> 1024<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a222f4e09239a4ab08880d1d9544d337c"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a222f4e09239a4ab08880d1d9544d337c"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a222f4e09239a4ab08880d1d9544d337c"></a>auto</p> 1025</td> 1026<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p137309714282"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p137309714282"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p137309714282"></a>No</p> 1027</td> 1028<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p91971112114318"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p91971112114318"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p91971112114318"></a>Background image size.</p> 1029<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul41331853154111"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul41331853154111"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul41331853154111"><li>The <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1229715499365"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1229715499365"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1229715499365"></a>string</strong> values are as follows:<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul13611494111"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul13611494111"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul13611494111"><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b4759749163610"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b4759749163610"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b4759749163610"></a>contain</strong>: Expands the image to the maximum size so that the height and width of the image are applicable to the content area.</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b437619381712"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b437619381712"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b437619381712"></a>cover</strong>: Extends the background image to a large enough size so that the background image completely covers the background area. Some parts of the image may not be displayed in the background area.</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1425512535366"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1425512535366"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1425512535366"></a>auto</strong>: The original image width-height ratio is retained.</li></ul> 1030</li><li>The two <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b13309145193614"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b13309145193614"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b13309145193614"></a><length></strong> values are as follows:<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1840244924418"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1840244924418"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1840244924418"></a>Width and height of the background image. The first value indicates the width, and the second value indicates the height. If you only set one value, the other value is set to <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b146661156143617"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b146661156143617"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b146661156143617"></a>auto</strong> by default.</p> 1031</li><li>The two <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1667415763613"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1667415763613"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1667415763613"></a><percentage></strong> values are as follows:<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p17936154410457"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p17936154410457"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p17936154410457"></a>Width and height of the background image in percentage of the parent element. The first value indicates the width, and the second value indicates the height. If you only set one value, the other value is set to <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1524319254"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1524319254"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1524319254"></a>auto</strong> by default.</p> 1032</li></ul> 1033</td> 1034</tr> 1035<tr id="en-us_topic_0000001059340512_row94491238155415"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a9957170386754fb5b648ba2114bd52d4"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a9957170386754fb5b648ba2114bd52d4"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a9957170386754fb5b648ba2114bd52d4"></a>background-repeat</p> 1036</td> 1037<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a155b4cc325e747279694d36c2fa69bcc"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a155b4cc325e747279694d36c2fa69bcc"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a155b4cc325e747279694d36c2fa69bcc"></a>string</p> 1038</td> 1039<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a82029c0dc1d540cf994f690b451c48f4"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a82029c0dc1d540cf994f690b451c48f4"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a82029c0dc1d540cf994f690b451c48f4"></a>repeat</p> 1040</td> 1041<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1673015702810"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1673015702810"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1673015702810"></a>No</p> 1042</td> 1043<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_afb8e41c117884b368a0f1df348be8e54"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_afb8e41c117884b368a0f1df348be8e54"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_afb8e41c117884b368a0f1df348be8e54"></a>How a background image is repeatedly drawn. By default, a background image is repeated both horizontally and vertically.</p> 1044<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul8236153103612"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul8236153103612"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul8236153103612"><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1363463710"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1363463710"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1363463710"></a>repeat</strong>: Repeatedly draws images along the x-axis and y-axis at the same time.</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b267416916377"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b267416916377"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b267416916377"></a>repeat-x</strong>: Repeatedly draws images along the x-axis.</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b625561011379"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b625561011379"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b625561011379"></a>repeat-y</strong>: Repeatedly draws images along the y-axis.</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1122181133715"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1122181133715"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1122181133715"></a>no-repeat</strong>: The image is not drawn repeatedly.</li></ul> 1045</td> 1046</tr> 1047<tr id="en-us_topic_0000001059340512_row94491738105419"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a709eb4a9fa87428897bebb4a98693df2"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a709eb4a9fa87428897bebb4a98693df2"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a709eb4a9fa87428897bebb4a98693df2"></a>background-position</p> 1048</td> 1049<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul8874155216502"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul8874155216502"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul8874155216502"><li>string string</li><li><length> <length></li><li><percentage> <percentage></li></ul> 1050</td> 1051<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a6f8f5d1c92f447bd868a841ad1a33cb1"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a6f8f5d1c92f447bd868a841ad1a33cb1"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a6f8f5d1c92f447bd868a841ad1a33cb1"></a>0px 0px</p> 1052</td> 1053<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p173010720280"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p173010720280"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p173010720280"></a>No</p> 1054</td> 1055<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul1590812103363"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul1590812103363"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul1590812103363"><li>Using keywords: If only one keyword is specified, the other value is <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b5234102011540"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b5234102011540"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b5234102011540"></a>center</strong> by default. The two values define the horizontal position and vertical position, respectively.<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul1453531734716"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul1453531734716"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul1453531734716"><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b0982111273712"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b0982111273712"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b0982111273712"></a>left</strong>: leftmost in the horizontal direction</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b866713583912"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b866713583912"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b866713583912"></a>right</strong>: rightmost in the horizontal direction</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b5886013193716"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b5886013193716"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b5886013193716"></a>top</strong>: top in the vertical direction</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b84197142376"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b84197142376"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b84197142376"></a>bottom</strong>: bottom in the vertical direction</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b14894114103710"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b14894114103710"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b14894114103710"></a>center</strong>: center position</li></ul> 1056</li></ul> 1057<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul10908121023615"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul10908121023615"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul10908121023615"><li>Using <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b11401615193715"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b11401615193715"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b11401615193715"></a><length></strong>: The first value indicates the horizontal position, and the second value indicates the vertical position. <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1341381819379"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1341381819379"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1341381819379"></a>0 0</strong> indicates the upper left corner. The unit is pixel. If only one value is specified, the other one is <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b48671516183714"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b48671516183714"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b48671516183714"></a>50%</strong>.</li><li>Using <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b5492717163712"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b5492717163712"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b5492717163712"></a><percentage></strong>: The first value indicates the horizontal position, and the second value indicates the vertical position. <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b164741723183712"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b164741723183712"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b164741723183712"></a>0% 0%</strong> indicates the upper left corner. <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b64022245377"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b64022245377"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b64022245377"></a>100% 100%</strong> indicates the lower right corner. If only one value is specified, the other one is <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b7893424163718"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b7893424163718"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b7893424163718"></a>50%</strong>.</li><li>Using both <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b154811725193718"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b154811725193718"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b154811725193718"></a><percentage></strong> and <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b34834254377"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b34834254377"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b34834254377"></a><length></strong>.</li></ul> 1058</td> 1059</tr> 1060<tr id="en-us_topic_0000001059340512_row20450143885416"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p134581712103910"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p134581712103910"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p134581712103910"></a>opacity</p> 1061</td> 1062<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a45185999ae584676af4c36467c2ade8b"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a45185999ae584676af4c36467c2ade8b"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a45185999ae584676af4c36467c2ade8b"></a>number</p> 1063</td> 1064<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a09ff20dda8e44794bca18c84f413d972"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a09ff20dda8e44794bca18c84f413d972"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a09ff20dda8e44794bca18c84f413d972"></a>1</p> 1065</td> 1066<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1873011722814"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1873011722814"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1873011722814"></a>No</p> 1067</td> 1068<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p122515161139"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p122515161139"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p122515161139"></a>Transparency of an element. The value ranges from <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1871715526385"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1871715526385"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1871715526385"></a>0</strong> to <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b177181452103815"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b177181452103815"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b177181452103815"></a>1</strong>. The value <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b13718155210380"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b13718155210380"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b13718155210380"></a>1</strong> means opaque, and <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b6718152103818"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b6718152103818"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b6718152103818"></a>0</strong> means completely transparent.</p> 1069</td> 1070</tr> 1071<tr id="en-us_topic_0000001059340512_row1450123865418"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aeda9e2f8d8344958bf4f43d429dcb55e"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aeda9e2f8d8344958bf4f43d429dcb55e"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aeda9e2f8d8344958bf4f43d429dcb55e"></a>display</p> 1072</td> 1073<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1544115441446"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1544115441446"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1544115441446"></a>string</p> 1074<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aaaa164aa970b490fb048e5f260f1c661"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aaaa164aa970b490fb048e5f260f1c661"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aaaa164aa970b490fb048e5f260f1c661"></a></p> 1075</td> 1076<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aa5ce61466c9847dbb7f44852338d9006"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aa5ce61466c9847dbb7f44852338d9006"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aa5ce61466c9847dbb7f44852338d9006"></a>flex</p> 1077</td> 1078<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p167303762818"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p167303762818"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p167303762818"></a>No</p> 1079</td> 1080<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p23704018414"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p23704018414"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p23704018414"></a>How and whether to display the box containing an element. Available values are as follows:</p> 1081<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul12227103394916"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul12227103394916"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul12227103394916"><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b57468289377"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b57468289377"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b57468289377"></a>flex</strong>: flexible layout</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b18887133293920"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b18887133293920"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b18887133293920"></a>none</strong>: The element is hidden.</li></ul> 1082</td> 1083</tr> 1084<tr id="en-us_topic_0000001059340512_row194503380541"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aa2ed1da39c8e4ad78829712734226ab9"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aa2ed1da39c8e4ad78829712734226ab9"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aa2ed1da39c8e4ad78829712734226ab9"></a>visibility</p> 1085</td> 1086<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p15475737486"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p15475737486"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p15475737486"></a>string</p> 1087<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aabfb0eb044194745af56c313f40e7781"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aabfb0eb044194745af56c313f40e7781"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aabfb0eb044194745af56c313f40e7781"></a></p> 1088</td> 1089<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_acaca80d4ef9a4f0d87adf92cb2d1ff9a"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_acaca80d4ef9a4f0d87adf92cb2d1ff9a"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_acaca80d4ef9a4f0d87adf92cb2d1ff9a"></a>visible</p> 1090</td> 1091<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p57301471281"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p57301471281"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p57301471281"></a>No</p> 1092</td> 1093<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1568839154517"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1568839154517"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1568839154517"></a>Whether to display an element. Invisible borders occupy layout space. (To remove the borders, set the <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b15844103015378"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b15844103015378"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b15844103015378"></a>display</strong> attribute to <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b4845153013712"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b4845153013712"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b4845153013712"></a>none</strong>.) Available values are as follows:</p> 1094<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul751984164920"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul751984164920"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul751984164920"><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b17429331133711"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b17429331133711"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b17429331133711"></a>visible</strong>: The element is visible.</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b109191231193710"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b109191231193710"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b109191231193710"></a>hidden</strong>: The element is hidden but still takes up space.</li></ul> 1095<div class="note" id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note4549524649"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note4549524649"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note4549524649"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p25499241642"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p25499241642"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p25499241642"></a>If both <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b719810016405"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b719810016405"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b719810016405"></a>visibility</strong> and <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b187052264018"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b187052264018"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b187052264018"></a>display</strong> are set, only <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b107788924011"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b107788924011"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b107788924011"></a>display</strong> takes effect.</p> 1096</div></div> 1097</td> 1098</tr> 1099<tr id="en-us_topic_0000001059340512_row13450113811544"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ad74a6a48aca7439e9344c18c26b4177e"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ad74a6a48aca7439e9344c18c26b4177e"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ad74a6a48aca7439e9344c18c26b4177e"></a>flex</p> 1100</td> 1101<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2e6e5192a1534872be5fcfd9f83e3fdc"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2e6e5192a1534872be5fcfd9f83e3fdc"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2e6e5192a1534872be5fcfd9f83e3fdc"></a>-</p> 1102</td> 1103<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8512eda38e25410685be8a8992890257"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8512eda38e25410685be8a8992890257"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a8512eda38e25410685be8a8992890257"></a>-</p> 1104</td> 1105<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1373057132812"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1373057132812"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1373057132812"></a>No</p> 1106</td> 1107<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a11c317cdfa7d4066878d86c6b3bcbd82"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a11c317cdfa7d4066878d86c6b3bcbd82"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a11c317cdfa7d4066878d86c6b3bcbd82"></a>How to divide available space of the parent component for a child component.</p> 1108<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p6968144051814"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p6968144051814"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p6968144051814"></a>You can set one, two<sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup894453017315"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup894453017315"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup894453017315"></a>5+</sup>, or three<sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup1255142393114"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup1255142393114"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup1255142393114"></a>5+</sup> values for this style.</p> 1109<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p16733313171911"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p16733313171911"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p16733313171911"></a>Set one value in either of the following ways:</p> 1110<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul93371539192211"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul93371539192211"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul93371539192211"><li>A unitless number to set <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b152581117781"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b152581117781"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b152581117781"></a>flex-grow</strong>.</li><li>A valid width value<sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup133014373318"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup133014373318"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup133014373318"></a>5+</sup> to set <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b182101331199"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b182101331199"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b182101331199"></a>flex-basis</strong>.</li></ul> 1111<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p6786171632018"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p6786171632018"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p6786171632018"></a>Set two values<sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup39514502313"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup39514502313"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup39514502313"></a>5+</sup> in the following ways:</p> 1112<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p6400429122011"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p6400429122011"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p6400429122011"></a>The first value must be a unitless number used to set <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b171516283129"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b171516283129"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b171516283129"></a>flex-grow</strong>. The second value must be either of the following:</p> 1113<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul767043502219"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul767043502219"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul767043502219"><li>A unitless number to set <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1428375141313"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1428375141313"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1428375141313"></a>flex-shrink</strong>.</li><li>A valid width value to set <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1632495651416"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1632495651416"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1632495651416"></a>flex-basis</strong>.</li></ul> 1114<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p748416351217"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p748416351217"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p748416351217"></a>Set three values<sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup168671312151514"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup168671312151514"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup168671312151514"></a>5+</sup> in the following ways:</p> 1115<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p7373204832111"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p7373204832111"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p7373204832111"></a>The first value must be a unitless number used to set <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b19419131221612"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b19419131221612"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b19419131221612"></a>flex-grow</strong>. The second value must be a unitless number used to set <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b19378733181612"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b19378733181612"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b19378733181612"></a>flex-shrink</strong>. The third value must be a valid width value used to set <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b47717118176"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b47717118176"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b47717118176"></a>flex-basis</strong>.</p> 1116<div class="note" id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note34891253201520"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note34891253201520"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note34891253201520"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1248915538152"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1248915538152"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1248915538152"></a>This style takes effect only when the container is any of the following components: <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b17156153131"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b17156153131"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b17156153131"></a><div></strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1201415151311"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1201415151311"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1201415151311"></a><list-item></strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b72031515132"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b72031515132"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b72031515132"></a><refresh></strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1920131551310"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1920131551310"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1920131551310"></a><stepper-item></strong><sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup17201815121317"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup17201815121317"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup17201815121317"></a>5+</sup>, and <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b2211915121313"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b2211915121313"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b2211915121313"></a><tabs></strong>.</p> 1117</div></div> 1118</td> 1119</tr> 1120<tr id="en-us_topic_0000001059340512_row13450138205418"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a5d88cacaaf5c4f6a87390ab916b695c6"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a5d88cacaaf5c4f6a87390ab916b695c6"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a5d88cacaaf5c4f6a87390ab916b695c6"></a>flex-grow</p> 1121</td> 1122<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2c379e3af283446da446f1631e572efd"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2c379e3af283446da446f1631e572efd"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2c379e3af283446da446f1631e572efd"></a>number</p> 1123</td> 1124<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aa374f6c7415a4ee48a06930d76c55be7"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aa374f6c7415a4ee48a06930d76c55be7"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_aa374f6c7415a4ee48a06930d76c55be7"></a>0</p> 1125</td> 1126<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p81768178466"><a name="en-us_topic_0000001059340512_p81768178466"></a><a name="en-us_topic_0000001059340512_p81768178466"></a>No</p> 1127</td> 1128<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p4437122419557"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p4437122419557"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p4437122419557"></a>How much a child component will grow. The value specifies allocation of the remaining space on the main axis of the parent component. Size of available space = Container size - Total size of all child components. Value <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1682343583716"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1682343583716"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1682343583716"></a>0</strong> indicates that the child component does not grow.</p> 1129<div class="note" id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note201231734212"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note201231734212"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note201231734212"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p184555314553"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p184555314553"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p184555314553"></a>This style takes effect only when the container is any of the following components: <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b18575165615499"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b18575165615499"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b18575165615499"></a><div></strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b8575165618495"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b8575165618495"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b8575165618495"></a><list-item></strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b125751756164917"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b125751756164917"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b125751756164917"></a><refresh></strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b15751456104920"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b15751456104920"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b15751456104920"></a><stepper-item></strong><sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup257595611492"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup257595611492"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup257595611492"></a>5+</sup>, and <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b55761856114912"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b55761856114912"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b55761856114912"></a><tabs></strong>.</p> 1130</div></div> 1131</td> 1132</tr> 1133<tr id="en-us_topic_0000001059340512_row845016384549"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ac65ef7e2b1f24a13b09c495f643168c9"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ac65ef7e2b1f24a13b09c495f643168c9"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ac65ef7e2b1f24a13b09c495f643168c9"></a>flex-shrink</p> 1134</td> 1135<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a98e7d367f0e649699892ae5bad6ade37"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a98e7d367f0e649699892ae5bad6ade37"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a98e7d367f0e649699892ae5bad6ade37"></a>number</p> 1136</td> 1137<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a422d978368814d12a33201cb839060ee"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a422d978368814d12a33201cb839060ee"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a422d978368814d12a33201cb839060ee"></a>1</p> 1138</td> 1139<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p1917613178465"><a name="en-us_topic_0000001059340512_p1917613178465"></a><a name="en-us_topic_0000001059340512_p1917613178465"></a>No</p> 1140</td> 1141<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ab032342dfe56460ca742800de482ca0f"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ab032342dfe56460ca742800de482ca0f"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ab032342dfe56460ca742800de482ca0f"></a>How much a child component will shrink. The shrink occurs only when the sum of default child component widths is greater than that of the parent component. Value <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b783242395"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b783242395"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b783242395"></a>0</strong> indicates that the child component does not shrink.</p> 1142<div class="note" id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note147160917217"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note147160917217"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note147160917217"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p844914328577"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p844914328577"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p844914328577"></a>This style takes effect only when the container is any of the following components: <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1168212543127"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1168212543127"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1168212543127"></a><div></strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b76821454121211"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b76821454121211"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b76821454121211"></a><list-item></strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1168255411126"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1168255411126"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1168255411126"></a><refresh></strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b10682155415120"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b10682155415120"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b10682155415120"></a><stepper-item></strong><sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup10683145491215"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup10683145491215"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup10683145491215"></a>5+</sup>, and <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1868385461211"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1868385461211"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1868385461211"></a><tabs></strong>.</p> 1143</div></div> 1144</td> 1145</tr> 1146<tr id="en-us_topic_0000001059340512_row144511738195411"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a82c323a994634032963169eeee1a55e4"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a82c323a994634032963169eeee1a55e4"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a82c323a994634032963169eeee1a55e4"></a>flex-basis</p> 1147</td> 1148<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1148910787"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1148910787"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1148910787"></a><length></p> 1149<p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a43613cf0c2184c0d8b44e8d292f6edb7"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a43613cf0c2184c0d8b44e8d292f6edb7"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a43613cf0c2184c0d8b44e8d292f6edb7"></a></p> 1150</td> 1151<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ab9e1c7dc25f840e58993af05c1d32109"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ab9e1c7dc25f840e58993af05c1d32109"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ab9e1c7dc25f840e58993af05c1d32109"></a>-</p> 1152</td> 1153<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_p0176817154612"><a name="en-us_topic_0000001059340512_p0176817154612"></a><a name="en-us_topic_0000001059340512_p0176817154612"></a>No</p> 1154</td> 1155<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a0993ef9b0ef64785a76e6310dd834f09"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a0993ef9b0ef64785a76e6310dd834f09"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a0993ef9b0ef64785a76e6310dd834f09"></a>Initial length of the flex item on the main axis.</p> 1156<div class="note" id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note62848141222"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note62848141222"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note62848141222"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p16711745115718"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p16711745115718"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p16711745115718"></a>This style takes effect only when the container is any of the following components: <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b18795155631219"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b18795155631219"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b18795155631219"></a><div></strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b107951056121217"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b107951056121217"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b107951056121217"></a><list-item></strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b2795105619128"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b2795105619128"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b2795105619128"></a><refresh></strong>, <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1579510564126"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1579510564126"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1579510564126"></a><stepper-item></strong><sup id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup187953565122"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup187953565122"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_sup187953565122"></a>5+</sup>, and <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b11796456201211"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b11796456201211"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b11796456201211"></a><tabs></strong>.</p> 1157</div></div> 1158</td> 1159</tr> 1160<tr id="en-us_topic_0000001059340512_row184519384544"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a50180d720a374549ae72c848e53320cb"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a50180d720a374549ae72c848e53320cb"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a50180d720a374549ae72c848e53320cb"></a>position</p> 1161</td> 1162<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a63672ed9a4c040f7a6ec9c8089b79bb6"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a63672ed9a4c040f7a6ec9c8089b79bb6"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a63672ed9a4c040f7a6ec9c8089b79bb6"></a>string</p> 1163</td> 1164<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2666820c71eb420485e4d20e55b4eabe"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2666820c71eb420485e4d20e55b4eabe"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a2666820c71eb420485e4d20e55b4eabe"></a>relative</p> 1165</td> 1166<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1173107172814"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1173107172814"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1173107172814"></a>No</p> 1167</td> 1168<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ae28abf4e47a740efbd45a8f280577912"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ae28abf4e47a740efbd45a8f280577912"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ae28abf4e47a740efbd45a8f280577912"></a>Positioning type of an element. Dynamic changes are not supported.</p> 1169<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul17185232185014"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul17185232185014"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul17185232185014"><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1894911155394"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1894911155394"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1894911155394"></a>fixed</strong>: The element is positioned related to the browser window.</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b823115152390"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b823115152390"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b823115152390"></a>absolute</strong>: The element is positioned absolutely to its parent element.</li><li><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b736151417395"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b736151417395"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b736151417395"></a>relative</strong>: The element is positioned relative to its normal position.</li></ul> 1170<div class="note" id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note167617191219"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note167617191219"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_note167617191219"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1839092815101"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1839092815101"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1839092815101"></a>The <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b13941713133910"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b13941713133910"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b13941713133910"></a>absolute</strong> attribute takes effect only when the parent component is <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1099913173916"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1099913173916"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b1099913173916"></a><div></strong> or <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b181001413123919"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b181001413123919"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b181001413123919"></a><stack></strong>.</p> 1171</div></div> 1172</td> 1173</tr> 1174<tr id="en-us_topic_0000001059340512_row1545123811547"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a70405cb9696b4329ac7625af93310018"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a70405cb9696b4329ac7625af93310018"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a70405cb9696b4329ac7625af93310018"></a>[left|top<span id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph14927143614712"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph14927143614712"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph14927143614712"></a>|right|bottom</span>]</p> 1175</td> 1176<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1849062221214"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1849062221214"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p1849062221214"></a><length></p> 1177</td> 1178<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a579ac7c03d1d46758ebaacd565d86ed3"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a579ac7c03d1d46758ebaacd565d86ed3"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a579ac7c03d1d46758ebaacd565d86ed3"></a>-</p> 1179</td> 1180<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p187314719288"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p187314719288"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_p187314719288"></a>No</p> 1181</td> 1182<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a9a662a62cd9b40eaa0cb9ca082b6d1c2"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a9a662a62cd9b40eaa0cb9ca082b6d1c2"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_a9a662a62cd9b40eaa0cb9ca082b6d1c2"></a><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b481348173914"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b481348173914"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b481348173914"></a>left|top</strong><span id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph4818118173914"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph4818118173914"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ph4818118173914"></a><strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b68143833912"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b68143833912"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b68143833912"></a>|right|bottom</strong></span> must be used together with <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b881916818394"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b881916818394"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b881916818394"></a>position</strong> to determine the offset position of an element.</p> 1183<a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul12671003525"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul12671003525"></a><ul id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_ul12671003525"><li>The <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b885117712398"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b885117712398"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b885117712398"></a>left</strong> attribute specifies the left edge position of the element. This attribute defines the offset between the left edge of a positioned element and that of a block included in the element.</li><li>The <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b65591759395"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b65591759395"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b65591759395"></a>top</strong> attribute specifies the top edge position of the element. This attribute defines the offset between the top edge of a positioned element and that of a block included in the element.</li><li>The <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b179013323910"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b179013323910"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b179013323910"></a>right</strong> attribute specifies the right edge position of the element. This attribute defines the offset between the right edge of a positioned element and that of a block included in the element. </li><li>The <strong id="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b77091602397"><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b77091602397"></a><a name="en-us_topic_0000001059340512_en-us_topic_0000001059340528_b77091602397"></a>bottom</strong> attribute specifies the bottom edge position of the element. This attribute defines the offset between the bottom edge of a positioned element and that of a block included in the element. </li></ul> 1184</td> 1185</tr> 1186</tbody> 1187</table> 1188 1189## Method<a name="en-us_topic_0000001059340512_section47669296127"></a> 1190 1191<a name="en-us_topic_0000001059340512_t26fe2ddff8674cc38a3a1ec490b76e2f"></a> 1192<table><thead align="left"><tr id="en-us_topic_0000001059340512_r237544a789f74f4599b0688cdb75239a"><th class="cellrowborder" valign="top" width="23%" id="mcps1.1.4.1.1"><p id="en-us_topic_0000001059340512_a897dc10a0e4e45bc94f02c558c679435"><a name="en-us_topic_0000001059340512_a897dc10a0e4e45bc94f02c558c679435"></a><a name="en-us_topic_0000001059340512_a897dc10a0e4e45bc94f02c558c679435"></a>Name</p> 1193</th> 1194<th class="cellrowborder" valign="top" width="32%" id="mcps1.1.4.1.2"><p id="en-us_topic_0000001059340512_ac86c6eca347b48e9a749143ecf54f38f"><a name="en-us_topic_0000001059340512_ac86c6eca347b48e9a749143ecf54f38f"></a><a name="en-us_topic_0000001059340512_ac86c6eca347b48e9a749143ecf54f38f"></a>Parameter</p> 1195</th> 1196<th class="cellrowborder" valign="top" width="45%" id="mcps1.1.4.1.3"><p id="en-us_topic_0000001059340512_a0050d08b0c5744de88990d92ef35d3b1"><a name="en-us_topic_0000001059340512_a0050d08b0c5744de88990d92ef35d3b1"></a><a name="en-us_topic_0000001059340512_a0050d08b0c5744de88990d92ef35d3b1"></a>Description</p> 1197</th> 1198</tr> 1199</thead> 1200<tbody><tr id="en-us_topic_0000001059340512_r08b3c58c981c42a390dc730286c9ce95"><td class="cellrowborder" valign="top" width="23%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001059340512_a6385a8ec6d534f7698eaf47b265bec85"><a name="en-us_topic_0000001059340512_a6385a8ec6d534f7698eaf47b265bec85"></a><a name="en-us_topic_0000001059340512_a6385a8ec6d534f7698eaf47b265bec85"></a>show</p> 1201</td> 1202<td class="cellrowborder" valign="top" width="32%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001059340512_p178497012101"><a name="en-us_topic_0000001059340512_p178497012101"></a><a name="en-us_topic_0000001059340512_p178497012101"></a>-</p> 1203</td> 1204<td class="cellrowborder" valign="top" width="45%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001059340512_p384919011103"><a name="en-us_topic_0000001059340512_p384919011103"></a><a name="en-us_topic_0000001059340512_p384919011103"></a>Displays the picker.</p> 1205</td> 1206</tr> 1207</tbody> 1208</table> 1209 1210
