1# stepper-item<a name="EN-US_TOPIC_0000001162494599"></a> 2 3- [Permission List](#en-us_topic_0000001060038131_section11257113618419) 4- [Child Component](#en-us_topic_0000001060038131_section9288143101012) 5- [Attribute](#en-us_topic_0000001060038131_section2907183951110) 6- [Style](#en-us_topic_0000001060038131_section1326042123512) 7- [Event](#en-us_topic_0000001060038131_section121081858163714) 8 9The **<stepper-item\>** component displays a step in the step navigator. This component is the child component of **<stepper\>**. 10 11> **NOTE:** 12>This component is supported since API version 5. 13 14## Permission List<a name="en-us_topic_0000001060038131_section11257113618419"></a> 15 16None 17 18## Child Component<a name="en-us_topic_0000001060038131_section9288143101012"></a> 19 20Supported 21 22## Attribute<a name="en-us_topic_0000001060038131_section2907183951110"></a> 23 24<a name="en-us_topic_0000001060038131_table20633101642315"></a> 25<table><thead align="left"><tr id="en-us_topic_0000001060038131_row663331618238"><th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.1"><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p942mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p942mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p942mcpsimp"></a>Name</p> 26</th> 27<th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.2"><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p944mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p944mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p944mcpsimp"></a>Type</p> 28</th> 29<th class="cellrowborder" valign="top" width="10.48%" id="mcps1.1.6.1.3"><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p946mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p946mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p946mcpsimp"></a>Default Value</p> 30</th> 31<th class="cellrowborder" valign="top" width="7.5200000000000005%" id="mcps1.1.6.1.4"><p id="en-us_topic_0000001060038131_p824610360217"><a name="en-us_topic_0000001060038131_p824610360217"></a><a name="en-us_topic_0000001060038131_p824610360217"></a>Mandatory</p> 32</th> 33<th class="cellrowborder" valign="top" width="35.76%" id="mcps1.1.6.1.5"><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p948mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p948mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p948mcpsimp"></a>Description</p> 34</th> 35</tr> 36</thead> 37<tbody><tr id="en-us_topic_0000001060038131_row5283312343"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_p228421219417"><a name="en-us_topic_0000001060038131_p228421219417"></a><a name="en-us_topic_0000001060038131_p228421219417"></a>label</p> 38</td> 39<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_p1628411126418"><a name="en-us_topic_0000001060038131_p1628411126418"></a><a name="en-us_topic_0000001060038131_p1628411126418"></a><a href="#en-us_topic_0000001060038131_table119681501422">Label</a></p> 40</td> 41<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_p228441219417"><a name="en-us_topic_0000001060038131_p228441219417"></a><a name="en-us_topic_0000001060038131_p228441219417"></a>-</p> 42</td> 43<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p928417121844"><a name="en-us_topic_0000001060038131_p928417121844"></a><a name="en-us_topic_0000001060038131_p928417121844"></a>No</p> 44</td> 45<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_p46212038248"><a name="en-us_topic_0000001060038131_p46212038248"></a><a name="en-us_topic_0000001060038131_p46212038248"></a>Button text at the bottom of the customized step navigator. Dynamic modification is not supported. If this attribute is not set, <strong id="en-us_topic_0000001060038131_b244691335510"><a name="en-us_topic_0000001060038131_b244691335510"></a><a name="en-us_topic_0000001060038131_b244691335510"></a>BACK</strong> and <strong id="en-us_topic_0000001060038131_b128548113558"><a name="en-us_topic_0000001060038131_b128548113558"></a><a name="en-us_topic_0000001060038131_b128548113558"></a>NEXT</strong> will be used by default as button text in case the system language is not Chinese. For the first step, there is no previous button. For the last step, the text on the next button is <strong id="en-us_topic_0000001060038131_b8844136185718"><a name="en-us_topic_0000001060038131_b8844136185718"></a><a name="en-us_topic_0000001060038131_b8844136185718"></a>START</strong> for non-Chinese languages by default.</p> 46</td> 47</tr> 48<tr id="en-us_topic_0000001060038131_row36332165231"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p952mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p952mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p952mcpsimp"></a>id</p> 49</td> 50<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p954mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p954mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p954mcpsimp"></a>string</p> 51</td> 52<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p956mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p956mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p956mcpsimp"></a>-</p> 53</td> 54<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p42461736102118"><a name="en-us_topic_0000001060038131_p42461736102118"></a><a name="en-us_topic_0000001060038131_p42461736102118"></a>No</p> 55</td> 56<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p958mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p958mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p958mcpsimp"></a>Unique ID of a component.</p> 57</td> 58</tr> 59<tr id="en-us_topic_0000001060038131_row13633131616239"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p961mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p961mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p961mcpsimp"></a>style</p> 60</td> 61<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p963mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p963mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p963mcpsimp"></a>string</p> 62</td> 63<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p965mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p965mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p965mcpsimp"></a>-</p> 64</td> 65<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p17246836142119"><a name="en-us_topic_0000001060038131_p17246836142119"></a><a name="en-us_topic_0000001060038131_p17246836142119"></a>No</p> 66</td> 67<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p967mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p967mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p967mcpsimp"></a>Style declaration of a component.</p> 68</td> 69</tr> 70<tr id="en-us_topic_0000001060038131_row10634131610230"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p970mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p970mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p970mcpsimp"></a>class</p> 71</td> 72<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p972mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p972mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p972mcpsimp"></a>string</p> 73</td> 74<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p974mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p974mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p974mcpsimp"></a>-</p> 75</td> 76<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p324614367213"><a name="en-us_topic_0000001060038131_p324614367213"></a><a name="en-us_topic_0000001060038131_p324614367213"></a>No</p> 77</td> 78<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p976mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p976mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p976mcpsimp"></a>Style class of a component, which is used to refer to a style table.</p> 79</td> 80</tr> 81<tr id="en-us_topic_0000001060038131_row1634171618236"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_p1786251117156"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_p1786251117156"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_p1786251117156"></a>ref</p> 82</td> 83<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_p1086241119157"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_p1086241119157"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_p1086241119157"></a>string</p> 84</td> 85<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_p586281111151"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_p586281111151"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_p586281111151"></a>-</p> 86</td> 87<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p1624612362219"><a name="en-us_topic_0000001060038131_p1624612362219"></a><a name="en-us_topic_0000001060038131_p1624612362219"></a>No</p> 88</td> 89<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_p113416153342"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_p113416153342"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_p113416153342"></a>Used to register reference information of child elements<span id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_ph5815920163518"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_ph5815920163518"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_ph5815920163518"></a> or child components</span>. The reference information is registered with the parent component on <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_b08212202354"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_b08212202354"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_b08212202354"></a>$refs</strong>.</p> 90</td> 91</tr> 92<tr id="en-us_topic_0000001060038131_row1863421642313"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p979mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p979mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p979mcpsimp"></a>disabled</p> 93</td> 94<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p981mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p981mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p981mcpsimp"></a>boolean</p> 95</td> 96<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p983mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p983mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p983mcpsimp"></a>false</p> 97</td> 98<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p192476368214"><a name="en-us_topic_0000001060038131_p192476368214"></a><a name="en-us_topic_0000001060038131_p192476368214"></a>No</p> 99</td> 100<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p985mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p985mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p985mcpsimp"></a>Whether the component is disabled. If it is disabled, it cannot respond to user interaction.</p> 101</td> 102</tr> 103<tr id="en-us_topic_0000001060038131_row1263451617236"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p997mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p997mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p997mcpsimp"></a>data</p> 104</td> 105<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p999mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p999mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p999mcpsimp"></a>string</p> 106</td> 107<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p1001mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p1001mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p1001mcpsimp"></a>-</p> 108</td> 109<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p22471736132114"><a name="en-us_topic_0000001060038131_p22471736132114"></a><a name="en-us_topic_0000001060038131_p22471736132114"></a>No</p> 110</td> 111<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p1003mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p1003mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p1003mcpsimp"></a>Attribute set for components to facilitate data storage and reading.</p> 112</td> 113</tr> 114</tbody> 115</table> 116 117**Table 1** Label parameters 118 119<a name="en-us_topic_0000001060038131_table119681501422"></a> 120<table><thead align="left"><tr id="en-us_topic_0000001060038131_row9968170228"><th class="cellrowborder" valign="top" width="11.06%" id="mcps1.2.5.1.1"><p id="en-us_topic_0000001060038131_p18968201227"><a name="en-us_topic_0000001060038131_p18968201227"></a><a name="en-us_topic_0000001060038131_p18968201227"></a>Name</p> 121</th> 122<th class="cellrowborder" valign="top" width="9.08%" id="mcps1.2.5.1.2"><p id="en-us_topic_0000001060038131_p199691501328"><a name="en-us_topic_0000001060038131_p199691501328"></a><a name="en-us_topic_0000001060038131_p199691501328"></a>Type</p> 123</th> 124<th class="cellrowborder" valign="top" width="8.450000000000001%" id="mcps1.2.5.1.3"><p id="en-us_topic_0000001060038131_p139699019213"><a name="en-us_topic_0000001060038131_p139699019213"></a><a name="en-us_topic_0000001060038131_p139699019213"></a>Default Value</p> 125</th> 126<th class="cellrowborder" valign="top" width="71.41%" id="mcps1.2.5.1.4"><p id="en-us_topic_0000001060038131_p1969507219"><a name="en-us_topic_0000001060038131_p1969507219"></a><a name="en-us_topic_0000001060038131_p1969507219"></a>Description</p> 127</th> 128</tr> 129</thead> 130<tbody><tr id="en-us_topic_0000001060038131_row1496930728"><td class="cellrowborder" valign="top" width="11.06%" headers="mcps1.2.5.1.1 "><p id="en-us_topic_0000001060038131_p3969110127"><a name="en-us_topic_0000001060038131_p3969110127"></a><a name="en-us_topic_0000001060038131_p3969110127"></a>prevLabel</p> 131</td> 132<td class="cellrowborder" valign="top" width="9.08%" headers="mcps1.2.5.1.2 "><p id="en-us_topic_0000001060038131_p99691100212"><a name="en-us_topic_0000001060038131_p99691100212"></a><a name="en-us_topic_0000001060038131_p99691100212"></a>string</p> 133</td> 134<td class="cellrowborder" valign="top" width="8.450000000000001%" headers="mcps1.2.5.1.3 "><p id="en-us_topic_0000001060038131_p1996919011215"><a name="en-us_topic_0000001060038131_p1996919011215"></a><a name="en-us_topic_0000001060038131_p1996919011215"></a>-</p> 135</td> 136<td class="cellrowborder" valign="top" width="71.41%" headers="mcps1.2.5.1.4 "><p id="en-us_topic_0000001060038131_p8969202219"><a name="en-us_topic_0000001060038131_p8969202219"></a><a name="en-us_topic_0000001060038131_p8969202219"></a>Text content of the previous button at the bottom of the step navigator.</p> 137</td> 138</tr> 139<tr id="en-us_topic_0000001060038131_row296910827"><td class="cellrowborder" valign="top" width="11.06%" headers="mcps1.2.5.1.1 "><p id="en-us_topic_0000001060038131_p896910627"><a name="en-us_topic_0000001060038131_p896910627"></a><a name="en-us_topic_0000001060038131_p896910627"></a>nextLabel</p> 140</td> 141<td class="cellrowborder" valign="top" width="9.08%" headers="mcps1.2.5.1.2 "><p id="en-us_topic_0000001060038131_p1696900529"><a name="en-us_topic_0000001060038131_p1696900529"></a><a name="en-us_topic_0000001060038131_p1696900529"></a>string</p> 142</td> 143<td class="cellrowborder" valign="top" width="8.450000000000001%" headers="mcps1.2.5.1.3 "><p id="en-us_topic_0000001060038131_p18969301227"><a name="en-us_topic_0000001060038131_p18969301227"></a><a name="en-us_topic_0000001060038131_p18969301227"></a>-</p> 144</td> 145<td class="cellrowborder" valign="top" width="71.41%" headers="mcps1.2.5.1.4 "><p id="en-us_topic_0000001060038131_p159691801223"><a name="en-us_topic_0000001060038131_p159691801223"></a><a name="en-us_topic_0000001060038131_p159691801223"></a>Text content of the next button at the bottom of the step navigator.</p> 146</td> 147</tr> 148<tr id="en-us_topic_0000001060038131_row119116012913"><td class="cellrowborder" valign="top" width="11.06%" headers="mcps1.2.5.1.1 "><p id="en-us_topic_0000001060038131_p99121704918"><a name="en-us_topic_0000001060038131_p99121704918"></a><a name="en-us_topic_0000001060038131_p99121704918"></a>status</p> 149</td> 150<td class="cellrowborder" valign="top" width="9.08%" headers="mcps1.2.5.1.2 "><p id="en-us_topic_0000001060038131_p1912401095"><a name="en-us_topic_0000001060038131_p1912401095"></a><a name="en-us_topic_0000001060038131_p1912401095"></a>string</p> 151</td> 152<td class="cellrowborder" valign="top" width="8.450000000000001%" headers="mcps1.2.5.1.3 "><p id="en-us_topic_0000001060038131_p149121201396"><a name="en-us_topic_0000001060038131_p149121201396"></a><a name="en-us_topic_0000001060038131_p149121201396"></a>normal</p> 153</td> 154<td class="cellrowborder" valign="top" width="71.41%" headers="mcps1.2.5.1.4 "><p id="en-us_topic_0000001060038131_p491230493"><a name="en-us_topic_0000001060038131_p491230493"></a><a name="en-us_topic_0000001060038131_p491230493"></a>Initial status of the current step in the step navigator. Available values are as follows:</p> 155<a name="en-us_topic_0000001060038131_ol176242129105"></a><a name="en-us_topic_0000001060038131_ol176242129105"></a><ol id="en-us_topic_0000001060038131_ol176242129105"><li><strong id="en-us_topic_0000001060038131_b779011913210"><a name="en-us_topic_0000001060038131_b779011913210"></a><a name="en-us_topic_0000001060038131_b779011913210"></a>normal</strong>: The right button is displayed normally and can navigate users to the next step when it is clicked.</li><li><strong id="en-us_topic_0000001060038131_b1170684620214"><a name="en-us_topic_0000001060038131_b1170684620214"></a><a name="en-us_topic_0000001060038131_b1170684620214"></a>disabled</strong>: The right button is grayed out and unavailable.</li><li><strong id="en-us_topic_0000001060038131_b1179313317"><a name="en-us_topic_0000001060038131_b1179313317"></a><a name="en-us_topic_0000001060038131_b1179313317"></a>waiting</strong>: The right button is not displayed, and a process bar is displayed instead.</li></ol> 156</td> 157</tr> 158</tbody> 159</table> 160 161## Style<a name="en-us_topic_0000001060038131_section1326042123512"></a> 162 163<a name="en-us_topic_0000001060038131_table1744514388541"></a> 164<table><thead align="left"><tr id="en-us_topic_0000001060038131_row1244614388545"><th class="cellrowborder" valign="top" width="23.11768823117688%" id="mcps1.1.6.1.1"><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1060mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1060mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1060mcpsimp"></a>Name</p> 165</th> 166<th class="cellrowborder" valign="top" width="20.477952204779523%" id="mcps1.1.6.1.2"><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1062mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1062mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1062mcpsimp"></a>Type</p> 167</th> 168<th class="cellrowborder" valign="top" width="8.869113088691131%" id="mcps1.1.6.1.3"><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1064mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1064mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1064mcpsimp"></a>Default Value</p> 169</th> 170<th class="cellrowborder" valign="top" width="7.519248075192481%" id="mcps1.1.6.1.4"><p id="en-us_topic_0000001060038131_p117421754619"><a name="en-us_topic_0000001060038131_p117421754619"></a><a name="en-us_topic_0000001060038131_p117421754619"></a>Mandatory</p> 171</th> 172<th class="cellrowborder" valign="top" width="40.01599840015999%" id="mcps1.1.6.1.5"><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1066mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1066mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1066mcpsimp"></a>Description</p> 173</th> 174</tr> 175</thead> 176<tbody><tr id="en-us_topic_0000001060038131_row492070486"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_p16782113422516"><a name="en-us_topic_0000001060038131_p16782113422516"></a><a name="en-us_topic_0000001060038131_p16782113422516"></a>color</p> 177</td> 178<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_p678210342255"><a name="en-us_topic_0000001060038131_p678210342255"></a><a name="en-us_topic_0000001060038131_p678210342255"></a><color></p> 179</td> 180<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_p11782113462512"><a name="en-us_topic_0000001060038131_p11782113462512"></a><a name="en-us_topic_0000001060038131_p11782113462512"></a>#e600000</p> 181</td> 182<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p9782134122511"><a name="en-us_topic_0000001060038131_p9782134122511"></a><a name="en-us_topic_0000001060038131_p9782134122511"></a>No</p> 183</td> 184<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_p15360112213810"><a name="en-us_topic_0000001060038131_p15360112213810"></a><a name="en-us_topic_0000001060038131_p15360112213810"></a>Text color.</p> 185</td> 186</tr> 187<tr id="en-us_topic_0000001060038131_row926613588711"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_p15365537102518"><a name="en-us_topic_0000001060038131_p15365537102518"></a><a name="en-us_topic_0000001060038131_p15365537102518"></a>font-size</p> 188</td> 189<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_p1636517375255"><a name="en-us_topic_0000001060038131_p1636517375255"></a><a name="en-us_topic_0000001060038131_p1636517375255"></a><length></p> 190</td> 191<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_p7365103717256"><a name="en-us_topic_0000001060038131_p7365103717256"></a><a name="en-us_topic_0000001060038131_p7365103717256"></a>16px</p> 192</td> 193<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p336663712252"><a name="en-us_topic_0000001060038131_p336663712252"></a><a name="en-us_topic_0000001060038131_p336663712252"></a>No</p> 194</td> 195<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_p836022215814"><a name="en-us_topic_0000001060038131_p836022215814"></a><a name="en-us_topic_0000001060038131_p836022215814"></a>Text size.</p> 196</td> 197</tr> 198<tr id="en-us_topic_0000001060038131_row1747615510720"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_p3376124017256"><a name="en-us_topic_0000001060038131_p3376124017256"></a><a name="en-us_topic_0000001060038131_p3376124017256"></a>allow-scale</p> 199</td> 200<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_p1437654010251"><a name="en-us_topic_0000001060038131_p1437654010251"></a><a name="en-us_topic_0000001060038131_p1437654010251"></a>boolean</p> 201</td> 202<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_p1376154072515"><a name="en-us_topic_0000001060038131_p1376154072515"></a><a name="en-us_topic_0000001060038131_p1376154072515"></a>true</p> 203</td> 204<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p1937615404253"><a name="en-us_topic_0000001060038131_p1937615404253"></a><a name="en-us_topic_0000001060038131_p1937615404253"></a>No</p> 205</td> 206<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_p536014229815"><a name="en-us_topic_0000001060038131_p536014229815"></a><a name="en-us_topic_0000001060038131_p536014229815"></a>Whether the text size changes with the system's font size settings.</p> 207</td> 208</tr> 209<tr id="en-us_topic_0000001060038131_row79081352873"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_p0781642162510"><a name="en-us_topic_0000001060038131_p0781642162510"></a><a name="en-us_topic_0000001060038131_p0781642162510"></a>font-style</p> 210</td> 211<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_p107816428255"><a name="en-us_topic_0000001060038131_p107816428255"></a><a name="en-us_topic_0000001060038131_p107816428255"></a>string</p> 212</td> 213<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_p17811342142514"><a name="en-us_topic_0000001060038131_p17811342142514"></a><a name="en-us_topic_0000001060038131_p17811342142514"></a>normal</p> 214</td> 215<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p189135463810"><a name="en-us_topic_0000001060038131_p189135463810"></a><a name="en-us_topic_0000001060038131_p189135463810"></a>No</p> 216</td> 217<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_p10377104215812"><a name="en-us_topic_0000001060038131_p10377104215812"></a><a name="en-us_topic_0000001060038131_p10377104215812"></a>Text font style. Available values are as follows:</p> 218<a name="en-us_topic_0000001060038131_ol123774421689"></a><a name="en-us_topic_0000001060038131_ol123774421689"></a><ol id="en-us_topic_0000001060038131_ol123774421689"><li><strong id="en-us_topic_0000001060038131_b696623911113"><a name="en-us_topic_0000001060038131_b696623911113"></a><a name="en-us_topic_0000001060038131_b696623911113"></a>normal</strong>: standard font style</li><li><strong id="en-us_topic_0000001060038131_b157518456114"><a name="en-us_topic_0000001060038131_b157518456114"></a><a name="en-us_topic_0000001060038131_b157518456114"></a>italic</strong>: italic font style</li></ol> 219</td> 220</tr> 221<tr id="en-us_topic_0000001060038131_row1033315491718"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_p9764174572513"><a name="en-us_topic_0000001060038131_p9764174572513"></a><a name="en-us_topic_0000001060038131_p9764174572513"></a>font-weight</p> 222</td> 223<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_p37641045112510"><a name="en-us_topic_0000001060038131_p37641045112510"></a><a name="en-us_topic_0000001060038131_p37641045112510"></a>number|string</p> 224</td> 225<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_p1976434511252"><a name="en-us_topic_0000001060038131_p1976434511252"></a><a name="en-us_topic_0000001060038131_p1976434511252"></a>normal</p> 226</td> 227<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p63843547813"><a name="en-us_topic_0000001060038131_p63843547813"></a><a name="en-us_topic_0000001060038131_p63843547813"></a>No</p> 228</td> 229<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_p107081551486"><a name="en-us_topic_0000001060038131_p107081551486"></a><a name="en-us_topic_0000001060038131_p107081551486"></a>Text font weight. The number value must be an exact multiple of 100 ranging from 100 to 900. The default value is 400. A larger value indicates a bigger weight. Available values of the string type are <strong id="en-us_topic_0000001060038131_b5723193018461"><a name="en-us_topic_0000001060038131_b5723193018461"></a><a name="en-us_topic_0000001060038131_b5723193018461"></a>lighter</strong>, <strong id="en-us_topic_0000001060038131_b2072493013464"><a name="en-us_topic_0000001060038131_b2072493013464"></a><a name="en-us_topic_0000001060038131_b2072493013464"></a>normal</strong>, <strong id="en-us_topic_0000001060038131_b8724173034612"><a name="en-us_topic_0000001060038131_b8724173034612"></a><a name="en-us_topic_0000001060038131_b8724173034612"></a>bold</strong>, or <strong id="en-us_topic_0000001060038131_b127259306468"><a name="en-us_topic_0000001060038131_b127259306468"></a><a name="en-us_topic_0000001060038131_b127259306468"></a>bolder</strong>.</p> 230</td> 231</tr> 232<tr id="en-us_topic_0000001060038131_row387010448715"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_p1693494732511"><a name="en-us_topic_0000001060038131_p1693494732511"></a><a name="en-us_topic_0000001060038131_p1693494732511"></a>text-decoration</p> 233</td> 234<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_p7934124713256"><a name="en-us_topic_0000001060038131_p7934124713256"></a><a name="en-us_topic_0000001060038131_p7934124713256"></a>string</p> 235</td> 236<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_p1493416479256"><a name="en-us_topic_0000001060038131_p1493416479256"></a><a name="en-us_topic_0000001060038131_p1493416479256"></a>none</p> 237</td> 238<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p198071106919"><a name="en-us_topic_0000001060038131_p198071106919"></a><a name="en-us_topic_0000001060038131_p198071106919"></a>No</p> 239</td> 240<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_p169212584815"><a name="en-us_topic_0000001060038131_p169212584815"></a><a name="en-us_topic_0000001060038131_p169212584815"></a>Text modifier. Available values are as follows:</p> 241<a name="en-us_topic_0000001060038131_ol192135815816"></a><a name="en-us_topic_0000001060038131_ol192135815816"></a><ol id="en-us_topic_0000001060038131_ol192135815816"><li><strong id="en-us_topic_0000001060038131_b061174792217"><a name="en-us_topic_0000001060038131_b061174792217"></a><a name="en-us_topic_0000001060038131_b061174792217"></a>underline</strong>: An underline is used.</li><li><strong id="en-us_topic_0000001060038131_b41211854102211"><a name="en-us_topic_0000001060038131_b41211854102211"></a><a name="en-us_topic_0000001060038131_b41211854102211"></a>line-through</strong>: A strikethrough is used.</li><li><strong id="en-us_topic_0000001060038131_b114631612162319"><a name="en-us_topic_0000001060038131_b114631612162319"></a><a name="en-us_topic_0000001060038131_b114631612162319"></a>none</strong>: The standard text is used.</li></ol> 242</td> 243</tr> 244<tr id="en-us_topic_0000001060038131_row279314411076"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_p1543212507250"><a name="en-us_topic_0000001060038131_p1543212507250"></a><a name="en-us_topic_0000001060038131_p1543212507250"></a>font-family</p> 245</td> 246<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_p1243215092510"><a name="en-us_topic_0000001060038131_p1243215092510"></a><a name="en-us_topic_0000001060038131_p1243215092510"></a>string</p> 247</td> 248<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_p34321750192510"><a name="en-us_topic_0000001060038131_p34321750192510"></a><a name="en-us_topic_0000001060038131_p34321750192510"></a>sans-serif</p> 249</td> 250<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p19356791696"><a name="en-us_topic_0000001060038131_p19356791696"></a><a name="en-us_topic_0000001060038131_p19356791696"></a>No</p> 251</td> 252<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_p18361661099"><a name="en-us_topic_0000001060038131_p18361661099"></a><a name="en-us_topic_0000001060038131_p18361661099"></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> 253</td> 254</tr> 255<tr id="en-us_topic_0000001060038131_row18446638145412"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1088mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1088mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1088mcpsimp"></a>padding</p> 256</td> 257<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1090mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1090mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1090mcpsimp"></a><length></p> 258</td> 259<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1092mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1092mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1092mcpsimp"></a>0</p> 260</td> 261<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p19729127112814"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p19729127112814"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p19729127112814"></a>No</p> 262</td> 263<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><div class="p" id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1094mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1094mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1094mcpsimp"></a>The attribute can have one to four values:<a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul15202134923211"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul15202134923211"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul15202134923211"><li><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p10614155353215"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p10614155353215"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p10614155353215"></a>If you set only one value, it specifies the padding for four sides.</p> 264</li><li><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p10614175393216"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p10614175393216"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_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> 265</li><li><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p8614205393214"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p8614205393214"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_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> 266</li><li><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p106141853193215"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p106141853193215"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p106141853193215"></a>If you set four values, they respectively specify the padding for top, right, bottom, and left sides (in clockwise order).</p> 267</li></ul> 268</div> 269</td> 270</tr> 271<tr id="en-us_topic_0000001060038131_row24464380544"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1097mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1097mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1097mcpsimp"></a>padding-[left|top|right|bottom]</p> 272</td> 273<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1099mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1099mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1099mcpsimp"></a><length></p> 274</td> 275<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1101mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1101mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1101mcpsimp"></a>0</p> 276</td> 277<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p11729374289"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p11729374289"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p11729374289"></a>No</p> 278</td> 279<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1103mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1103mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1103mcpsimp"></a>Left, top, right, and bottom padding (in px).</p> 280</td> 281</tr> 282<tr id="en-us_topic_0000001060038131_row1144723845412"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p769124717365"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p769124717365"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p769124717365"></a>padding-[start|end]</p> 283</td> 284<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p157617124374"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p157617124374"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p157617124374"></a><length></p> 285</td> 286<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1069144703616"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1069144703616"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1069144703616"></a>0</p> 287</td> 288<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1373027182819"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1373027182819"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1373027182819"></a>No</p> 289</td> 290<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1269184753610"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1269184753610"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1269184753610"></a>Start and end padding.</p> 291</td> 292</tr> 293<tr id="en-us_topic_0000001060038131_row11447438175410"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1106mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1106mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1106mcpsimp"></a>margin</p> 294</td> 295<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1108mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1108mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1108mcpsimp"></a><length></p> 296</td> 297<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1110mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1110mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1110mcpsimp"></a>0</p> 298</td> 299<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p4730774285"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p4730774285"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p4730774285"></a>No</p> 300</td> 301<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1112mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1112mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1112mcpsimp"></a>Shorthand attribute to set margins for all sides in a declaration. The attribute can have one to four values:</p> 302<a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul5333133311105"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul5333133311105"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul5333133311105"><li><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p03345339103"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p03345339103"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p03345339103"></a>If you set only one value, it specifies the margin for all the four sides.</p> 303</li><li><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1133420334108"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1133420334108"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_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> 304</li><li><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p193341533191015"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p193341533191015"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_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> 305</li><li><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p733412334102"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p733412334102"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p733412334102"></a>If you set four values, they are margins for top, right, bottom, and left sides, respectively.</p> 306</li></ul> 307</td> 308</tr> 309<tr id="en-us_topic_0000001060038131_row144473383544"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1115mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1115mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1115mcpsimp"></a>margin-[left|top|right|bottom]</p> 310</td> 311<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1117mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1117mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1117mcpsimp"></a><length></p> 312</td> 313<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1119mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1119mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1119mcpsimp"></a>0</p> 314</td> 315<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p773013742811"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p773013742811"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p773013742811"></a>No</p> 316</td> 317<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1121mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1121mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1121mcpsimp"></a>Left, top, right, and bottom margins.</p> 318</td> 319</tr> 320<tr id="en-us_topic_0000001060038131_row944743811541"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p9492107123816"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p9492107123816"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p9492107123816"></a>margin-[start|end]</p> 321</td> 322<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p157617124374_1"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p157617124374_1"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p157617124374_1"></a><length></p> 323</td> 324<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1549213793811"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1549213793811"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1549213793811"></a>0</p> 325</td> 326<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p117511744618"><a name="en-us_topic_0000001060038131_p117511744618"></a><a name="en-us_topic_0000001060038131_p117511744618"></a>No</p> 327</td> 328<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1049212715388"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1049212715388"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1049212715388"></a>Start and end margins.</p> 329</td> 330</tr> 331<tr id="en-us_topic_0000001060038131_row16447238155411"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1124mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1124mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1124mcpsimp"></a>border</p> 332</td> 333<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1126mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1126mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1126mcpsimp"></a>-</p> 334</td> 335<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1128mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1128mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1128mcpsimp"></a>0</p> 336</td> 337<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p11175131715467"><a name="en-us_topic_0000001060038131_p11175131715467"></a><a name="en-us_topic_0000001060038131_p11175131715467"></a>No</p> 338</td> 339<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1130mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1130mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1130mcpsimp"></a>Shorthand attribute to set all borders. You can set <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b79128342503"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b79128342503"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b79128342503"></a>border-width</strong>, <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b9366173919505"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b9366173919505"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b9366173919505"></a>border-style</strong>, and <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b184351248205019"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b184351248205019"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b184351248205019"></a>border-color</strong> in sequence. Default values are used for attributes that are not set.</p> 340</td> 341</tr> 342<tr id="en-us_topic_0000001060038131_row4447138115414"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1133mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1133mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1133mcpsimp"></a>border-style</p> 343</td> 344<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p513631613319"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p513631613319"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p513631613319"></a>string</p> 345</td> 346<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1137mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1137mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1137mcpsimp"></a>solid</p> 347</td> 348<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p617531717464"><a name="en-us_topic_0000001060038131_p617531717464"></a><a name="en-us_topic_0000001060038131_p617531717464"></a>No</p> 349</td> 350<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p342285712314"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p342285712314"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p342285712314"></a>Shorthand attribute to set the style for all borders. Available values are as follows:</p> 351<a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul1470834505612"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul1470834505612"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul1470834505612"><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b143453286360"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b143453286360"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b143453286360"></a>dotted</strong>: Dotted border. The radius of a dot is half of border-width.</li><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b792117280367"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b792117280367"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b792117280367"></a>dashed</strong>: Dashed border</li></ul> 352<a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul15621125545612"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul15621125545612"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul15621125545612"><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1335862963610"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1335862963610"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1335862963610"></a>solid</strong>: Solid border</li></ul> 353</td> 354</tr> 355<tr id="en-us_topic_0000001060038131_row1656512239262"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p119531437370"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p119531437370"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p119531437370"></a>border-[left|top|right|bottom]-style</p> 356</td> 357<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p129532037175"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p129532037175"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p129532037175"></a>string</p> 358</td> 359<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p495312372717"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p495312372717"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p495312372717"></a>solid</p> 360</td> 361<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p169534375717"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p169534375717"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p169534375717"></a>No</p> 362</td> 363<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p595353718719"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p595353718719"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p595353718719"></a>Styles of the left, top, right, and bottom borders. The available values are <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b17769171311540"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b17769171311540"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b17769171311540"></a>dotted</strong>, <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b237141519547"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b237141519547"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b237141519547"></a>dashed</strong>, and <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b8949161613540"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b8949161613540"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b8949161613540"></a>solid</strong>.</p> 364</td> 365</tr> 366<tr id="en-us_topic_0000001060038131_row19448113811542"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1142mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1142mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1142mcpsimp"></a>border-[left|top|right|bottom]</p> 367</td> 368<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1144mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1144mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1144mcpsimp"></a>-</p> 369</td> 370<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1146mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1146mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1146mcpsimp"></a>-</p> 371</td> 372<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p67303762810"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p67303762810"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p67303762810"></a>No</p> 373</td> 374<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1148mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1148mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1148mcpsimp"></a>Shorthand attribute to set the borders for every side respectively. You can set <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b122415514554"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b122415514554"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b122415514554"></a>border-width</strong>, <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b12296178135513"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b12296178135513"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b12296178135513"></a>border-style</strong>, and <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1129701210553"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1129701210553"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1129701210553"></a>border-color</strong> in sequence. Default values are used for attributes that are not set.</p> 375</td> 376</tr> 377<tr id="en-us_topic_0000001060038131_row124481638165417"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1151mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1151mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1151mcpsimp"></a>border-width</p> 378</td> 379<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1153mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1153mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1153mcpsimp"></a><length></p> 380</td> 381<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1155mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1155mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1155mcpsimp"></a>0</p> 382</td> 383<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p16175131724618"><a name="en-us_topic_0000001060038131_p16175131724618"></a><a name="en-us_topic_0000001060038131_p16175131724618"></a>No</p> 384</td> 385<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1157mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1157mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1157mcpsimp"></a>Shorthand attribute to set the width of all borders<span id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ph07997369365"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ph07997369365"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ph07997369365"></a>, or separately set the width of each border</span>.</p> 386</td> 387</tr> 388<tr id="en-us_topic_0000001060038131_row54481038165410"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1160mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1160mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1160mcpsimp"></a>border-[left|top|right|bottom]-width</p> 389</td> 390<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1162mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1162mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1162mcpsimp"></a><length></p> 391</td> 392<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1164mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1164mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1164mcpsimp"></a>0</p> 393</td> 394<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p11175151717466"><a name="en-us_topic_0000001060038131_p11175151717466"></a><a name="en-us_topic_0000001060038131_p11175151717466"></a>No</p> 395</td> 396<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1166mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1166mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1166mcpsimp"></a>Attribute to set widths of left, top, right, and bottom borders.</p> 397</td> 398</tr> 399<tr id="en-us_topic_0000001060038131_row1744817385547"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1169mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1169mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1169mcpsimp"></a>border-color</p> 400</td> 401<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1171mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1171mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1171mcpsimp"></a><color></p> 402</td> 403<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1173mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1173mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1173mcpsimp"></a>black</p> 404</td> 405<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p1017518177465"><a name="en-us_topic_0000001060038131_p1017518177465"></a><a name="en-us_topic_0000001060038131_p1017518177465"></a>No</p> 406</td> 407<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1175mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1175mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1175mcpsimp"></a>Shorthand attribute to set the color of all borders<span id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ph9587639113619"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ph9587639113619"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ph9587639113619"></a>, or separately set the color of each border</span>.</p> 408</td> 409</tr> 410<tr id="en-us_topic_0000001060038131_row844813835410"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1178mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1178mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1178mcpsimp"></a>border-[left|top|right|bottom]-color</p> 411</td> 412<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1180mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1180mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1180mcpsimp"></a><color></p> 413</td> 414<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1182mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1182mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1182mcpsimp"></a>black</p> 415</td> 416<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_p11175417184611"><a name="en-us_topic_0000001060038131_p11175417184611"></a><a name="en-us_topic_0000001060038131_p11175417184611"></a>No</p> 417</td> 418<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1184mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1184mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1184mcpsimp"></a>Attribute to set colors of left, top, right, and bottom borders.</p> 419</td> 420</tr> 421<tr id="en-us_topic_0000001060038131_row944813389540"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1187mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1187mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1187mcpsimp"></a>border-radius</p> 422</td> 423<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1189mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1189mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1189mcpsimp"></a><length></p> 424</td> 425<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1191mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1191mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1191mcpsimp"></a>-</p> 426</td> 427<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p67306752816"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p67306752816"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p67306752816"></a>No</p> 428</td> 429<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p18998933174117"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p18998933174117"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p18998933174117"></a>Attribute to set the radius of round borders of an element. <span id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ph1249443123611"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ph1249443123611"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ph1249443123611"></a>This attribute cannot be used to set the width or color of a specific border. To set the width or color, you need to set <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b124211434362"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b124211434362"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b124211434362"></a>border-width</strong> or <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b124894383615"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b124894383615"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b124894383615"></a>border-color</strong> for all the borders at the same time.</span></p> 430</td> 431</tr> 432<tr id="en-us_topic_0000001060038131_row104494382546"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1198mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1198mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1198mcpsimp"></a>border-[top|bottom]-[left|right]-radius</p> 433</td> 434<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1200mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1200mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1200mcpsimp"></a><length></p> 435</td> 436<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1202mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1202mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1202mcpsimp"></a>-</p> 437</td> 438<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p27305718283"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p27305718283"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p27305718283"></a>No</p> 439</td> 440<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1204mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1204mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1204mcpsimp"></a>Attribute to receptively set the radii of upper-left, upper-right, lower-right, and lower-left rounded corners</p> 441</td> 442</tr> 443<tr id="en-us_topic_0000001060038131_row1344912384548"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1207mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1207mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1207mcpsimp"></a>background</p> 444</td> 445<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1209mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1209mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1209mcpsimp"></a><linear-gradient></p> 446</td> 447<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1211mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1211mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1211mcpsimp"></a>-</p> 448</td> 449<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p15730197132811"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p15730197132811"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p15730197132811"></a>No</p> 450</td> 451<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001059340528_a1d2985ee819d4cfd87861080354def51"><a name="en-us_topic_0000001060038131_en-us_topic_0000001059340528_a1d2985ee819d4cfd87861080354def51"></a><a name="en-us_topic_0000001060038131_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_0000001060038131_b4431618559"><a name="en-us_topic_0000001060038131_b4431618559"></a><a name="en-us_topic_0000001060038131_b4431618559"></a>background-color</strong> or <strong id="en-us_topic_0000001060038131_b1443181819515"><a name="en-us_topic_0000001060038131_b1443181819515"></a><a name="en-us_topic_0000001060038131_b1443181819515"></a>background-image</strong>.</p> 452</td> 453</tr> 454<tr id="en-us_topic_0000001060038131_row15449838185416"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1217mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1217mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1217mcpsimp"></a>background-color</p> 455</td> 456<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1219mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1219mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1219mcpsimp"></a><color></p> 457</td> 458<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1221mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1221mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1221mcpsimp"></a>-</p> 459</td> 460<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p17730577282"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p17730577282"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p17730577282"></a>No</p> 461</td> 462<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1223mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1223mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1223mcpsimp"></a>Background color.</p> 463</td> 464</tr> 465<tr id="en-us_topic_0000001060038131_row54491338115412"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1226mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1226mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1226mcpsimp"></a>background-image</p> 466</td> 467<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1228mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1228mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1228mcpsimp"></a>string</p> 468</td> 469<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1230mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1230mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1230mcpsimp"></a>-</p> 470</td> 471<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p7730976285"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p7730976285"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p7730976285"></a>No</p> 472</td> 473<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1232mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1232mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1232mcpsimp"></a>Background image. Currently, this attribute is not compatible with <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b17699154763620"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b17699154763620"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b17699154763620"></a>background-color</strong> or <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b87001647163613"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b87001647163613"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b87001647163613"></a>background</strong>. Both Internet and local image resources are supported.</p> 474</td> 475</tr> 476<tr id="en-us_topic_0000001060038131_row6449238185416"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p15157115065817"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p15157115065817"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p15157115065817"></a>background-size</p> 477</td> 478<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul1065173641310"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul1065173641310"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul1065173641310"><li>string</li><li><length> <length></li><li><percentage> <percentage></li></ul> 479</td> 480<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p8157195019585"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p8157195019585"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p8157195019585"></a>auto</p> 481</td> 482<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p137309714282"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p137309714282"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p137309714282"></a>No</p> 483</td> 484<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p91971112114318"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p91971112114318"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p91971112114318"></a>Background image size.</p> 485<a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul41331853154111"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul41331853154111"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul41331853154111"><li>The <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1229715499365"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1229715499365"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1229715499365"></a>string</strong> values are as follows:<a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul13611494111"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul13611494111"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul13611494111"><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b4759749163610"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b4759749163610"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_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_0000001060038131_en-us_topic_0000001050791158_b136485011365"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b136485011365"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b136485011365"></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 localization area.</li><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1425512535366"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1425512535366"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1425512535366"></a>auto</strong>: The original image width-height ratio is retained.</li></ul> 486</li><li>The two <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b13309145193614"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b13309145193614"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b13309145193614"></a><length></strong> values are as follows:<p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1840244924418"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1840244924418"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_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_0000001060038131_en-us_topic_0000001050791158_b146661156143617"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b146661156143617"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b146661156143617"></a>auto</strong> by default.</p> 487</li><li>The two <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1667415763613"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1667415763613"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1667415763613"></a><percentage></strong> values are as follows:<p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p17936154410457"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p17936154410457"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_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_0000001060038131_en-us_topic_0000001050791158_b17190164371"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b17190164371"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b17190164371"></a>auto</strong> by default.</p> 488</li></ul> 489</td> 490</tr> 491<tr id="en-us_topic_0000001060038131_row94491238155415"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1235mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1235mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1235mcpsimp"></a>background-repeat</p> 492</td> 493<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1237mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1237mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1237mcpsimp"></a>string</p> 494</td> 495<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1239mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1239mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1239mcpsimp"></a>repeat</p> 496</td> 497<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1673015702810"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1673015702810"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1673015702810"></a>No</p> 498</td> 499<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1241mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1241mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1241mcpsimp"></a>Repeating attribute of a background image. By default, a background image is repeated both horizontally and vertically.</p> 500<a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul8236153103612"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul8236153103612"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul8236153103612"><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1363463710"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1363463710"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1363463710"></a>repeat</strong>: Draws images along the x-axis and y-axis at the same time.</li><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b267416916377"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b267416916377"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b267416916377"></a>repeat-x</strong>: Draws images along the x-axis.</li><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b625561011379"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b625561011379"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b625561011379"></a>repeat-y</strong>: Draws images along the y-axis.</li><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1122181133715"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1122181133715"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1122181133715"></a>no-repeat</strong>: The image is not drawn repeatedly.</li></ul> 501</td> 502</tr> 503<tr id="en-us_topic_0000001060038131_row94491738105419"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1244mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1244mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1244mcpsimp"></a>background-position</p> 504</td> 505<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul8874155216502"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul8874155216502"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul8874155216502"><li>string string</li><li><length> <length></li><li><percentage> <percentage></li></ul> 506</td> 507<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1248mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1248mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1248mcpsimp"></a>0px 0px</p> 508</td> 509<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p173010720280"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p173010720280"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p173010720280"></a>No</p> 510</td> 511<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul1590812103363"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul1590812103363"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul1590812103363"><li>Using keywords: If only one keyword is specified, the other value is <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b997011116376"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b997011116376"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b997011116376"></a>center</strong> by default. The two values define the horizontal position and vertical position, respectively.<a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul1453531734716"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul1453531734716"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul1453531734716"><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b0982111273712"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b0982111273712"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b0982111273712"></a>left</strong>: leftmost in the horizontal direction</li><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b866713583912"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b866713583912"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b866713583912"></a>right</strong>: rightmost in the horizontal direction</li><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b5886013193716"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b5886013193716"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b5886013193716"></a>top</strong>: top in the vertical direction</li><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b84197142376"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b84197142376"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b84197142376"></a>bottom</strong>: bottom in the vertical direction</li><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b14894114103710"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b14894114103710"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b14894114103710"></a>center</strong>: center position</li></ul> 512</li></ul> 513<a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul10908121023615"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul10908121023615"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul10908121023615"><li>Using <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b11401615193715"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b11401615193715"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b11401615193715"></a><length></strong>: The first value indicates the horizontal position, and the second value indicates the vertical position. <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1341381819379"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1341381819379"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_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_0000001060038131_en-us_topic_0000001050791158_b48671516183714"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b48671516183714"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b48671516183714"></a>50%</strong>.</li><li>Using <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b5492717163712"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b5492717163712"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b5492717163712"></a><percentage></strong>: The first value indicates the horizontal position, and the second value indicates the vertical position. <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b164741723183712"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b164741723183712"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b164741723183712"></a>0% 0%</strong> indicates the upper left corner. <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b64022245377"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b64022245377"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_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_0000001060038131_en-us_topic_0000001050791158_b7893424163718"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b7893424163718"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b7893424163718"></a>50%</strong>.</li><li>Using both <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b154811725193718"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b154811725193718"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b154811725193718"></a><percentage></strong> and <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b34834254377"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b34834254377"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b34834254377"></a><length></strong>.</li></ul> 514</td> 515</tr> 516<tr id="en-us_topic_0000001060038131_row20450143885416"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p134581712103910"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p134581712103910"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p134581712103910"></a>opacity</p> 517</td> 518<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1267mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1267mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1267mcpsimp"></a>number</p> 519</td> 520<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1269mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1269mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1269mcpsimp"></a>1</p> 521</td> 522<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1873011722814"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1873011722814"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1873011722814"></a>No</p> 523</td> 524<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p122515161139"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p122515161139"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p122515161139"></a>Transparency of an element. The value ranges from <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1871715526385"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1871715526385"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b1871715526385"></a>0</strong> to <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b177181452103815"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b177181452103815"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b177181452103815"></a>1</strong>. The value <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b13718155210380"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b13718155210380"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b13718155210380"></a>1</strong> means opaque, and <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b6718152103818"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b6718152103818"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b6718152103818"></a>0</strong> means completely transparent.</p> 525</td> 526</tr> 527<tr id="en-us_topic_0000001060038131_row1450123865418"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1274mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1274mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1274mcpsimp"></a>display</p> 528</td> 529<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1544115441446"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1544115441446"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1544115441446"></a>string</p> 530<p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1276mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1276mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1276mcpsimp"></a></p> 531</td> 532<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1278mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1278mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1278mcpsimp"></a>flex</p> 533</td> 534<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p167303762818"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p167303762818"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p167303762818"></a>No</p> 535</td> 536<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p23704018414"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p23704018414"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p23704018414"></a>How and whether to display the box containing an element. Available values are as follows:</p> 537<a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul12227103394916"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul12227103394916"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul12227103394916"><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b57468289377"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b57468289377"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b57468289377"></a>flex</strong>: flexible layout</li><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b18887133293920"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b18887133293920"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b18887133293920"></a>none</strong>: The element is hidden.</li></ul> 538</td> 539</tr> 540<tr id="en-us_topic_0000001060038131_row194503380541"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1283mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1283mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1283mcpsimp"></a>visibility</p> 541</td> 542<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p15475737486"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p15475737486"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p15475737486"></a>string</p> 543<p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1285mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1285mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1285mcpsimp"></a></p> 544</td> 545<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1287mcpsimp"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1287mcpsimp"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_en-us_topic_0000000000611468_p1287mcpsimp"></a>visible</p> 546</td> 547<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p57301471281"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p57301471281"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p57301471281"></a>No</p> 548</td> 549<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1568839154517"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1568839154517"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p1568839154517"></a>Whether to display an element. Invisible borders occupy layout space. (To remove the borders, set the <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b15844103015378"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b15844103015378"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b15844103015378"></a>display</strong> attribute to <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b4845153013712"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b4845153013712"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b4845153013712"></a>none</strong>.) Available values are as follows:</p> 550<a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul751984164920"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul751984164920"></a><ul id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_ul751984164920"><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b17429331133711"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b17429331133711"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b17429331133711"></a>visible</strong>: The element is visible.</li><li><strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b109191231193710"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b109191231193710"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b109191231193710"></a>hidden</strong>: The element is hidden but still takes up space.</li></ul> 551<div class="note" id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_note4549524649"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_note4549524649"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_note4549524649"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p25499241642"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p25499241642"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_p25499241642"></a>If both <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b719810016405"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b719810016405"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b719810016405"></a>visibility</strong> and <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b187052264018"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b187052264018"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b187052264018"></a>display</strong> are set, only <strong id="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b107788924011"><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b107788924011"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001050791158_b107788924011"></a>display</strong> takes effect.</p> 552</div></div> 553</td> 554</tr> 555</tbody> 556</table> 557 558> **NOTE:** 559>The **<stepper-item\>** component does not support height and width styles. The width of each item is the same as that of its container. The height of each item is the difference between the container height and the bottom button height. 560 561## Event<a name="en-us_topic_0000001060038131_section121081858163714"></a> 562 563<a name="en-us_topic_0000001060038131_table3706139102712"></a> 564<table><thead align="left"><tr id="en-us_topic_0000001060038131_row3706394279"><th class="cellrowborder" valign="top" width="24.852485248524854%" id="mcps1.1.4.1.1"><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a487aa1c493e84ca68567b4b65051674d"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a487aa1c493e84ca68567b4b65051674d"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a487aa1c493e84ca68567b4b65051674d"></a>Name</p> 565</th> 566<th class="cellrowborder" valign="top" width="29.552955295529554%" id="mcps1.1.4.1.2"><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_adc4b506cda3043508da6ee7649c12ca4"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_adc4b506cda3043508da6ee7649c12ca4"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_adc4b506cda3043508da6ee7649c12ca4"></a>Parameter</p> 567</th> 568<th class="cellrowborder" valign="top" width="45.5945594559456%" id="mcps1.1.4.1.3"><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a59e4cbe58a5c42a7a4585bc8365783bc"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a59e4cbe58a5c42a7a4585bc8365783bc"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a59e4cbe58a5c42a7a4585bc8365783bc"></a>Triggered when</p> 569</th> 570</tr> 571</thead> 572<tbody><tr id="en-us_topic_0000001060038131_row144051516142716"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001060038131_p17545162122718"><a name="en-us_topic_0000001060038131_p17545162122718"></a><a name="en-us_topic_0000001060038131_p17545162122718"></a>appear</p> 573</td> 574<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001060038131_p17545182113270"><a name="en-us_topic_0000001060038131_p17545182113270"></a><a name="en-us_topic_0000001060038131_p17545182113270"></a>-</p> 575</td> 576<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001060038131_p18545172132717"><a name="en-us_topic_0000001060038131_p18545172132717"></a><a name="en-us_topic_0000001060038131_p18545172132717"></a>Triggered when this step is displayed.</p> 577</td> 578</tr> 579<tr id="en-us_topic_0000001060038131_row79737130274"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001060038131_p105451921102718"><a name="en-us_topic_0000001060038131_p105451921102718"></a><a name="en-us_topic_0000001060038131_p105451921102718"></a>disappear</p> 580</td> 581<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001060038131_p254582112712"><a name="en-us_topic_0000001060038131_p254582112712"></a><a name="en-us_topic_0000001060038131_p254582112712"></a>-</p> 582</td> 583<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001060038131_p14545162142719"><a name="en-us_topic_0000001060038131_p14545162142719"></a><a name="en-us_topic_0000001060038131_p14545162142719"></a>Triggered when this step disappears.</p> 584</td> 585</tr> 586<tr id="en-us_topic_0000001060038131_row336512569516"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a58fb4b1d870f466e955cf5ea879c4d4a"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a58fb4b1d870f466e955cf5ea879c4d4a"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a58fb4b1d870f466e955cf5ea879c4d4a"></a>touchstart</p> 587</td> 588<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_abefebd99301b4bdebb798d1b9df24d8d"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_abefebd99301b4bdebb798d1b9df24d8d"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_abefebd99301b4bdebb798d1b9df24d8d"></a><a href="universal-events.md#en-us_topic_0000001058460527_tdb541af4e4db41d7a92e9b6e3c93f606">TouchEvent</a></p> 589</td> 590<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_afa4290e2620f4f5fbdcb74dcae84e536"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_afa4290e2620f4f5fbdcb74dcae84e536"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_afa4290e2620f4f5fbdcb74dcae84e536"></a>The tapping starts</p> 591</td> 592</tr> 593<tr id="en-us_topic_0000001060038131_row1236519563517"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a23e0317cfee94650be4dcd2280c3e94e"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a23e0317cfee94650be4dcd2280c3e94e"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a23e0317cfee94650be4dcd2280c3e94e"></a>touchmove</p> 594</td> 595<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_aea26e4f9575044dc8fb65080f3a6684a"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_aea26e4f9575044dc8fb65080f3a6684a"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_aea26e4f9575044dc8fb65080f3a6684a"></a><a href="universal-events.md#en-us_topic_0000001058460527_tdb541af4e4db41d7a92e9b6e3c93f606">TouchEvent</a></p> 596</td> 597<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a37f7cc43d82c4ee18512bd079349079d"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a37f7cc43d82c4ee18512bd079349079d"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a37f7cc43d82c4ee18512bd079349079d"></a>The tapping moves</p> 598</td> 599</tr> 600<tr id="en-us_topic_0000001060038131_row18365145615516"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_ad0728eeac06143bbb4a6fdf1ed5c6d91"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_ad0728eeac06143bbb4a6fdf1ed5c6d91"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_ad0728eeac06143bbb4a6fdf1ed5c6d91"></a>touchcancel</p> 601</td> 602<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a59e2819eae2b4d3e935991b43156347b"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a59e2819eae2b4d3e935991b43156347b"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a59e2819eae2b4d3e935991b43156347b"></a><a href="universal-events.md#en-us_topic_0000001058460527_tdb541af4e4db41d7a92e9b6e3c93f606">TouchEvent</a></p> 603</td> 604<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a739d9ef0db624f6284554aeaeddffa0a"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a739d9ef0db624f6284554aeaeddffa0a"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a739d9ef0db624f6284554aeaeddffa0a"></a>The tapping is interrupted</p> 605</td> 606</tr> 607<tr id="en-us_topic_0000001060038131_row63651566517"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a233e2f6ff39f49fd97b8f233875d01d4"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a233e2f6ff39f49fd97b8f233875d01d4"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a233e2f6ff39f49fd97b8f233875d01d4"></a>touchend</p> 608</td> 609<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a439e69aaf158448e99b3c81cbc9fd624"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a439e69aaf158448e99b3c81cbc9fd624"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a439e69aaf158448e99b3c81cbc9fd624"></a><a href="universal-events.md#en-us_topic_0000001058460527_tdb541af4e4db41d7a92e9b6e3c93f606">TouchEvent</a></p> 610</td> 611<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a05c0fe4e05ef4154acee8a06ad56a2de"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a05c0fe4e05ef4154acee8a06ad56a2de"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a05c0fe4e05ef4154acee8a06ad56a2de"></a>The tapping ends</p> 612</td> 613</tr> 614<tr id="en-us_topic_0000001060038131_row1536575611516"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a2fb4de45b1594f6fa1a7da45ce0db57f"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a2fb4de45b1594f6fa1a7da45ce0db57f"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a2fb4de45b1594f6fa1a7da45ce0db57f"></a>click</p> 615</td> 616<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_af86bf1da40504ed2a8d14213a42536ab"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_af86bf1da40504ed2a8d14213a42536ab"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_af86bf1da40504ed2a8d14213a42536ab"></a>-</p> 617</td> 618<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a1d32f00c38c440ddaa63c3f3e01d4e09"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a1d32f00c38c440ddaa63c3f3e01d4e09"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a1d32f00c38c440ddaa63c3f3e01d4e09"></a>A component is clicked</p> 619</td> 620</tr> 621<tr id="en-us_topic_0000001060038131_row183661256758"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_aa7dc63d1b4924872bbff6a6a100e928f"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_aa7dc63d1b4924872bbff6a6a100e928f"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_aa7dc63d1b4924872bbff6a6a100e928f"></a>longpress</p> 622</td> 623<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a39186f4ff74544d89ace56ea87d9937b"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a39186f4ff74544d89ace56ea87d9937b"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a39186f4ff74544d89ace56ea87d9937b"></a>-</p> 624</td> 625<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a44b8585170304b5596c41714772e605e"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a44b8585170304b5596c41714772e605e"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_a44b8585170304b5596c41714772e605e"></a>A component is long pressed</p> 626</td> 627</tr> 628<tr id="en-us_topic_0000001060038131_row5366185613517"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_p12706561061"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_p12706561061"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_p12706561061"></a>swipe<sup id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_sup35424382912"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_sup35424382912"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_sup35424382912"></a>5+</sup></p> 629</td> 630<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_p11711056161"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_p11711056161"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_p11711056161"></a><a href="universal-events.md#en-us_topic_0000001058460527_table111811577714">SwipeEvent</a></p> 631</td> 632<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="en-us_topic_0000001060038131_en-us_topic_0000001058460527_p2711556162"><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_p2711556162"></a><a name="en-us_topic_0000001060038131_en-us_topic_0000001058460527_p2711556162"></a>A user quickly swipes on a component.</p> 633</td> 634</tr> 635</tbody> 636</table> 637 638
