select.md

# select<a name="ZH-CN_TOPIC_0000001115974746"></a>

-   [权限列表](#zh-cn_topic_0000001058670843_section11257113618419)
-   [子组件](#zh-cn_topic_0000001058670843_section9288143101012)
-   [属性](#zh-cn_topic_0000001058670843_section2907183951110)
-   [事件](#zh-cn_topic_0000001058670843_section3892191911214)
-   [样式](#zh-cn_topic_0000001058670843_section648514244510)

下拉选择按钮，可让用户在多个选项之间选择。

## 权限列表<a name="zh-cn_topic_0000001058670843_section11257113618419"></a>

无

## 子组件<a name="zh-cn_topic_0000001058670843_section9288143101012"></a>

支持<[option](option.md#ZH-CN_TOPIC_0000001115974742)\>。

## 属性<a name="zh-cn_topic_0000001058670843_section2907183951110"></a>

<a name="zh-cn_topic_0000001058670843_table20633101642315"></a>
<table><thead align="left"><tr id="zh-cn_topic_0000001058670843_row663331618238"><th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a9ba8c579217b4b8b841b035f1d28b20e"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a9ba8c579217b4b8b841b035f1d28b20e"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a9ba8c579217b4b8b841b035f1d28b20e"></a>名称</p>
</th>
<th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a633002333b024497914a4b172446f14e"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a633002333b024497914a4b172446f14e"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a633002333b024497914a4b172446f14e"></a>类型</p>
</th>
<th class="cellrowborder" valign="top" width="10.48%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a4950f7884c6540b9ad523ac34657d952"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a4950f7884c6540b9ad523ac34657d952"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a4950f7884c6540b9ad523ac34657d952"></a>默认值</p>
</th>
<th class="cellrowborder" valign="top" width="7.5200000000000005%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001058670843_p824610360217"><a name="zh-cn_topic_0000001058670843_p824610360217"></a><a name="zh-cn_topic_0000001058670843_p824610360217"></a>必填</p>
</th>
<th class="cellrowborder" valign="top" width="35.76%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a1313564aa9404a338447087d5918c17d"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a1313564aa9404a338447087d5918c17d"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a1313564aa9404a338447087d5918c17d"></a>描述</p>
</th>
</tr>
</thead>
<tbody><tr id="zh-cn_topic_0000001058670843_row36332165231"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_adb8a73146d764f2aab50fc046169ab26"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_adb8a73146d764f2aab50fc046169ab26"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_adb8a73146d764f2aab50fc046169ab26"></a>id</p>
</td>
<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a06898db2627246f78e85d4fbadeee85c"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a06898db2627246f78e85d4fbadeee85c"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a06898db2627246f78e85d4fbadeee85c"></a>string</p>
</td>
<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ae685ead324a647bcba1bbb45c9402dd6"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ae685ead324a647bcba1bbb45c9402dd6"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ae685ead324a647bcba1bbb45c9402dd6"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p42461736102118"><a name="zh-cn_topic_0000001058670843_p42461736102118"></a><a name="zh-cn_topic_0000001058670843_p42461736102118"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a692121725a9b4ebbae65cd22b94b672e"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a692121725a9b4ebbae65cd22b94b672e"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a692121725a9b4ebbae65cd22b94b672e"></a>组件的唯一标识。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row13633131616239"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a7c032d302e1d437eac59680e066308b0"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a7c032d302e1d437eac59680e066308b0"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a7c032d302e1d437eac59680e066308b0"></a>style</p>
</td>
<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a6ba72f5c52df4fba9b02b5dffa26677e"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a6ba72f5c52df4fba9b02b5dffa26677e"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a6ba72f5c52df4fba9b02b5dffa26677e"></a>string</p>
</td>
<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a23cec1f95fd04ff1b3b20f58844ea654"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a23cec1f95fd04ff1b3b20f58844ea654"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a23cec1f95fd04ff1b3b20f58844ea654"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p17246836142119"><a name="zh-cn_topic_0000001058670843_p17246836142119"></a><a name="zh-cn_topic_0000001058670843_p17246836142119"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ab9c92d331da44a0e9114f6760340680a"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ab9c92d331da44a0e9114f6760340680a"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ab9c92d331da44a0e9114f6760340680a"></a>组件的样式声明。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row10634131610230"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a3e97d6d2a5b84e06bf619049840a00a8"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a3e97d6d2a5b84e06bf619049840a00a8"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a3e97d6d2a5b84e06bf619049840a00a8"></a>class</p>
</td>
<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_af0974175e9434735b035a4db9146aa04"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_af0974175e9434735b035a4db9146aa04"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_af0974175e9434735b035a4db9146aa04"></a>string</p>
</td>
<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_aa5caace6225b440eba13dc2230f3ef0f"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_aa5caace6225b440eba13dc2230f3ef0f"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_aa5caace6225b440eba13dc2230f3ef0f"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p324614367213"><a name="zh-cn_topic_0000001058670843_p324614367213"></a><a name="zh-cn_topic_0000001058670843_p324614367213"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a2f6321cf45ae481983a88dcc2f900900"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a2f6321cf45ae481983a88dcc2f900900"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a2f6321cf45ae481983a88dcc2f900900"></a>组件的样式类，用于引用样式表。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row1634171618236"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_p1786251117156"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_p1786251117156"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_p1786251117156"></a>ref</p>
</td>
<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_p1086241119157"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_p1086241119157"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_p1086241119157"></a>string</p>
</td>
<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_p586281111151"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_p586281111151"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_p586281111151"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p1624612362219"><a name="zh-cn_topic_0000001058670843_p1624612362219"></a><a name="zh-cn_topic_0000001058670843_p1624612362219"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_p113416153342"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_p113416153342"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_p113416153342"></a>用来指定指向子元素<span id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ph56099211134"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ph56099211134"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ph56099211134"></a>或子组件</span>的引用信息，该引用将注册到父组件的$refs 属性对象上。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row1863421642313"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ab8d3c8007e0a42b9962e0db009e7be9d"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ab8d3c8007e0a42b9962e0db009e7be9d"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ab8d3c8007e0a42b9962e0db009e7be9d"></a>disabled</p>
</td>
<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a05782d6a1a5d42918bc95813dca610d6"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a05782d6a1a5d42918bc95813dca610d6"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a05782d6a1a5d42918bc95813dca610d6"></a>boolean</p>
</td>
<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a3e2f721f63a74e4b974e9bd5e2f88994"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a3e2f721f63a74e4b974e9bd5e2f88994"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a3e2f721f63a74e4b974e9bd5e2f88994"></a>false</p>
</td>
<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p192476368214"><a name="zh-cn_topic_0000001058670843_p192476368214"></a><a name="zh-cn_topic_0000001058670843_p192476368214"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a4065980a1e914cf98acce5250ee4ae5a"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a4065980a1e914cf98acce5250ee4ae5a"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a4065980a1e914cf98acce5250ee4ae5a"></a>当前组件是否被禁用，在禁用场景下，组件将无法响应用户交互。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row1263451617236"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a751c9d46a62348ec902c7fdf97468b9d"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a751c9d46a62348ec902c7fdf97468b9d"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a751c9d46a62348ec902c7fdf97468b9d"></a>data</p>
</td>
<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a8e6d1bb4d0bc423fb8466ee3acd1882f"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a8e6d1bb4d0bc423fb8466ee3acd1882f"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_a8e6d1bb4d0bc423fb8466ee3acd1882f"></a>string</p>
</td>
<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ab8cb15c9c3444b13b64945788131dce6"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ab8cb15c9c3444b13b64945788131dce6"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_ab8cb15c9c3444b13b64945788131dce6"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p22471736132114"><a name="zh-cn_topic_0000001058670843_p22471736132114"></a><a name="zh-cn_topic_0000001058670843_p22471736132114"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_aa3f56a32296b4e85bcda2d2c00d0884f"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_aa3f56a32296b4e85bcda2d2c00d0884f"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058340523_aa3f56a32296b4e85bcda2d2c00d0884f"></a>给当前组件设置data属性，进行相应的数据存储和读取。</p>
</td>
</tr>
</tbody>
</table>

## 事件<a name="zh-cn_topic_0000001058670843_section3892191911214"></a>

<a name="zh-cn_topic_0000001058670843_table836435619510"></a>
<table><thead align="left"><tr id="zh-cn_topic_0000001058670843_row153658563517"><th class="cellrowborder" valign="top" width="24.852485248524854%" id="mcps1.1.4.1.1"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a487aa1c493e84ca68567b4b65051674d"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a487aa1c493e84ca68567b4b65051674d"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a487aa1c493e84ca68567b4b65051674d"></a>名称</p>
</th>
<th class="cellrowborder" valign="top" width="29.552955295529554%" id="mcps1.1.4.1.2"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_adc4b506cda3043508da6ee7649c12ca4"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_adc4b506cda3043508da6ee7649c12ca4"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_adc4b506cda3043508da6ee7649c12ca4"></a>参数</p>
</th>
<th class="cellrowborder" valign="top" width="45.5945594559456%" id="mcps1.1.4.1.3"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a59e4cbe58a5c42a7a4585bc8365783bc"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a59e4cbe58a5c42a7a4585bc8365783bc"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a59e4cbe58a5c42a7a4585bc8365783bc"></a>描述</p>
</th>
</tr>
</thead>
<tbody><tr id="zh-cn_topic_0000001058670843_row166321742154511"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001058670843_p169871843194513"><a name="zh-cn_topic_0000001058670843_p169871843194513"></a><a name="zh-cn_topic_0000001058670843_p169871843194513"></a>change</p>
</td>
<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001058670843_p19988164384513"><a name="zh-cn_topic_0000001058670843_p19988164384513"></a><a name="zh-cn_topic_0000001058670843_p19988164384513"></a>{newValue: newValue}</p>
</td>
<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001058670843_p298824384514"><a name="zh-cn_topic_0000001058670843_p298824384514"></a><a name="zh-cn_topic_0000001058670843_p298824384514"></a>下拉选择新值后触发该事件，newValue的值为子组件option的value属性值。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row336512569516"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a58fb4b1d870f466e955cf5ea879c4d4a"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a58fb4b1d870f466e955cf5ea879c4d4a"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a58fb4b1d870f466e955cf5ea879c4d4a"></a>touchstart</p>
</td>
<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_abefebd99301b4bdebb798d1b9df24d8d"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_abefebd99301b4bdebb798d1b9df24d8d"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_abefebd99301b4bdebb798d1b9df24d8d"></a><a href="通用事件.md#zh-cn_topic_0000001058460527_tdb541af4e4db41d7a92e9b6e3c93f606">TouchEvent</a></p>
</td>
<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_afa4290e2620f4f5fbdcb74dcae84e536"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_afa4290e2620f4f5fbdcb74dcae84e536"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_afa4290e2620f4f5fbdcb74dcae84e536"></a>手指刚触摸屏幕时触发该事件。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row1236519563517"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a23e0317cfee94650be4dcd2280c3e94e"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a23e0317cfee94650be4dcd2280c3e94e"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a23e0317cfee94650be4dcd2280c3e94e"></a>touchmove</p>
</td>
<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_aea26e4f9575044dc8fb65080f3a6684a"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_aea26e4f9575044dc8fb65080f3a6684a"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_aea26e4f9575044dc8fb65080f3a6684a"></a><a href="通用事件.md#zh-cn_topic_0000001058460527_tdb541af4e4db41d7a92e9b6e3c93f606">TouchEvent</a></p>
</td>
<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a37f7cc43d82c4ee18512bd079349079d"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a37f7cc43d82c4ee18512bd079349079d"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a37f7cc43d82c4ee18512bd079349079d"></a>手指触摸屏幕后移动时触发该事件。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row18365145615516"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_ad0728eeac06143bbb4a6fdf1ed5c6d91"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_ad0728eeac06143bbb4a6fdf1ed5c6d91"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_ad0728eeac06143bbb4a6fdf1ed5c6d91"></a>touchcancel</p>
</td>
<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a59e2819eae2b4d3e935991b43156347b"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a59e2819eae2b4d3e935991b43156347b"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a59e2819eae2b4d3e935991b43156347b"></a><a href="通用事件.md#zh-cn_topic_0000001058460527_tdb541af4e4db41d7a92e9b6e3c93f606">TouchEvent</a></p>
</td>
<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a739d9ef0db624f6284554aeaeddffa0a"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a739d9ef0db624f6284554aeaeddffa0a"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a739d9ef0db624f6284554aeaeddffa0a"></a>手指触摸屏幕中动作被打断时触发该事件。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row63651566517"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a233e2f6ff39f49fd97b8f233875d01d4"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a233e2f6ff39f49fd97b8f233875d01d4"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a233e2f6ff39f49fd97b8f233875d01d4"></a>touchend</p>
</td>
<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a439e69aaf158448e99b3c81cbc9fd624"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a439e69aaf158448e99b3c81cbc9fd624"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a439e69aaf158448e99b3c81cbc9fd624"></a><a href="通用事件.md#zh-cn_topic_0000001058460527_tdb541af4e4db41d7a92e9b6e3c93f606">TouchEvent</a></p>
</td>
<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a05c0fe4e05ef4154acee8a06ad56a2de"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a05c0fe4e05ef4154acee8a06ad56a2de"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a05c0fe4e05ef4154acee8a06ad56a2de"></a>手指触摸结束离开屏幕时触发该事件。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row183661256758"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_aa7dc63d1b4924872bbff6a6a100e928f"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_aa7dc63d1b4924872bbff6a6a100e928f"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_aa7dc63d1b4924872bbff6a6a100e928f"></a>longpress</p>
</td>
<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a39186f4ff74544d89ace56ea87d9937b"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a39186f4ff74544d89ace56ea87d9937b"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a39186f4ff74544d89ace56ea87d9937b"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a44b8585170304b5596c41714772e605e"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a44b8585170304b5596c41714772e605e"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_a44b8585170304b5596c41714772e605e"></a>长按动作触发该事件。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row5366185613517"><td class="cellrowborder" valign="top" width="24.852485248524854%" headers="mcps1.1.4.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_p12706561061"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_p12706561061"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_p12706561061"></a>swipe<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_sup35424382912"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_sup35424382912"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_sup35424382912"></a>5+</sup></p>
</td>
<td class="cellrowborder" valign="top" width="29.552955295529554%" headers="mcps1.1.4.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_p11711056161"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_p11711056161"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_p11711056161"></a><a href="通用事件.md#zh-cn_topic_0000001058460527_table111811577714">SwipeEvent</a></p>
</td>
<td class="cellrowborder" valign="top" width="45.5945594559456%" headers="mcps1.1.4.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_p2711556162"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_p2711556162"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001058460527_p2711556162"></a>组件上快速滑动后触发。</p>
</td>
</tr>
</tbody>
</table>

## 样式<a name="zh-cn_topic_0000001058670843_section648514244510"></a>

<a name="zh-cn_topic_0000001058670843_table1744514388541"></a>
<table><thead align="left"><tr id="zh-cn_topic_0000001058670843_row1244614388545"><th class="cellrowborder" valign="top" width="23.11768823117688%" id="mcps1.1.6.1.1"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a14a0c012a26248cfbec6b13dcc4f2cbe"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a14a0c012a26248cfbec6b13dcc4f2cbe"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a14a0c012a26248cfbec6b13dcc4f2cbe"></a>名称</p>
</th>
<th class="cellrowborder" valign="top" width="20.477952204779523%" id="mcps1.1.6.1.2"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8dc328a555a74157a00de86181fc3a7b"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8dc328a555a74157a00de86181fc3a7b"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8dc328a555a74157a00de86181fc3a7b"></a>类型</p>
</th>
<th class="cellrowborder" valign="top" width="8.869113088691131%" id="mcps1.1.6.1.3"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a41a31e48d0c74ad4982add2655515c82"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a41a31e48d0c74ad4982add2655515c82"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a41a31e48d0c74ad4982add2655515c82"></a>默认值</p>
</th>
<th class="cellrowborder" valign="top" width="7.519248075192481%" id="mcps1.1.6.1.4"><p id="zh-cn_topic_0000001058670843_p117421754619"><a name="zh-cn_topic_0000001058670843_p117421754619"></a><a name="zh-cn_topic_0000001058670843_p117421754619"></a>必填</p>
</th>
<th class="cellrowborder" valign="top" width="40.01599840015999%" id="mcps1.1.6.1.5"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af7a726e456f7485c87bd4e0527bc6584"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af7a726e456f7485c87bd4e0527bc6584"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af7a726e456f7485c87bd4e0527bc6584"></a>描述</p>
</th>
</tr>
</thead>
<tbody><tr id="zh-cn_topic_0000001058670843_row1587282710456"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_p1162410283452"><a name="zh-cn_topic_0000001058670843_p1162410283452"></a><a name="zh-cn_topic_0000001058670843_p1162410283452"></a>font-family</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_p762462874510"><a name="zh-cn_topic_0000001058670843_p762462874510"></a><a name="zh-cn_topic_0000001058670843_p762462874510"></a>string</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_p136241128144516"><a name="zh-cn_topic_0000001058670843_p136241128144516"></a><a name="zh-cn_topic_0000001058670843_p136241128144516"></a>sans-serif</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p1262402813450"><a name="zh-cn_topic_0000001058670843_p1262402813450"></a><a name="zh-cn_topic_0000001058670843_p1262402813450"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_p962442814510"><a name="zh-cn_topic_0000001058670843_p962442814510"></a><a name="zh-cn_topic_0000001058670843_p962442814510"></a>字体列表，用逗号分隔，每个字体用字体名或者字体族名设置。列表中第一个系统中存在的或者通过<a href="自定义字体样式.md#ZH-CN_TOPIC_0000001162414611">自定义字体</a>指定的字体，会被选中作为文本的字体。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row13446238145410"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8bc81ecef4934adf91deb1d6167045d7"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8bc81ecef4934adf91deb1d6167045d7"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8bc81ecef4934adf91deb1d6167045d7"></a>width</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a59692217b9c94353a020a2f0a20f01a7"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a59692217b9c94353a020a2f0a20f01a7"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a59692217b9c94353a020a2f0a20f01a7"></a>&lt;length&gt; | &lt;percentage&gt;</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p3948114217528"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p3948114217528"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p3948114217528"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p13174101704612"><a name="zh-cn_topic_0000001058670843_p13174101704612"></a><a name="zh-cn_topic_0000001058670843_p13174101704612"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p624653010258"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p624653010258"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p624653010258"></a>设置组件自身的宽度。</p>
<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p84811050134010"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p84811050134010"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p84811050134010"></a>缺省时使用元素自身内容需要的宽度。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row7446738195418"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a738cc687552c4b8cb1aa9f9e7d9ea8c2"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a738cc687552c4b8cb1aa9f9e7d9ea8c2"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a738cc687552c4b8cb1aa9f9e7d9ea8c2"></a>height</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a82c5d9c65b3646ec92afe5f0f47a2149"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a82c5d9c65b3646ec92afe5f0f47a2149"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a82c5d9c65b3646ec92afe5f0f47a2149"></a>&lt;length&gt;<span id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph11748352163918"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph11748352163918"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph11748352163918"></a></span> | &lt;percentage&gt;</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a7e6c7daafecf475888d0420835662eb4"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a7e6c7daafecf475888d0420835662eb4"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a7e6c7daafecf475888d0420835662eb4"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p71741417194619"><a name="zh-cn_topic_0000001058670843_p71741417194619"></a><a name="zh-cn_topic_0000001058670843_p71741417194619"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1477601264"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1477601264"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1477601264"></a>设置组件自身的高度。</p>
<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p208761554184020"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p208761554184020"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p208761554184020"></a>缺省时使用元素自身内容需要的高度。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row18446638145412"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8ff18465b8f0453c836067e5902b7eb6"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8ff18465b8f0453c836067e5902b7eb6"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8ff18465b8f0453c836067e5902b7eb6"></a>padding</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a53628f36a25a4823a901d5b66860f44e"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a53628f36a25a4823a901d5b66860f44e"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a53628f36a25a4823a901d5b66860f44e"></a>&lt;length&gt; | &lt;percentage&gt;<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup1886516813013"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup1886516813013"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup1886516813013"></a><span>5+</span></sup></p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_adc824deaee924821a47a798b589f22c8"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_adc824deaee924821a47a798b589f22c8"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_adc824deaee924821a47a798b589f22c8"></a>0</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p19729127112814"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p19729127112814"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p19729127112814"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p157435053316"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p157435053316"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p157435053316"></a>使用简写属性设置所有的内边距属性。</p>
<div class="p" id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a68a6d5ddc59c49f0aaddd82e75932524"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a68a6d5ddc59c49f0aaddd82e75932524"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a68a6d5ddc59c49f0aaddd82e75932524"></a>该属性可以有1到4个值：<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul15202134923211"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul15202134923211"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul15202134923211"><li><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p10614155353215"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p10614155353215"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p10614155353215"></a>指定一个值时，该值指定四个边的内边距。</p>
</li><li><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p10614175393216"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p10614175393216"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p10614175393216"></a>指定两个值时，第一个值指定上下两边的内边距，第二个指定左右两边的内边距。</p>
</li><li><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p8614205393214"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p8614205393214"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p8614205393214"></a>指定三个值时，第一个指定上边的内边距，第二个指定左右两边的内边距，第三个指定下边的内边距。</p>
</li><li><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p106141853193215"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p106141853193215"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p106141853193215"></a>指定四个值时分别为上、右、下、左边的内边距（顺时针顺序）。</p>
</li></ul>
</div>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row24464380544"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ab0185a7b5a4944f3b38f8c71c8ca794d"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ab0185a7b5a4944f3b38f8c71c8ca794d"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ab0185a7b5a4944f3b38f8c71c8ca794d"></a>padding-[left|top|right|bottom]</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a49dd523e2f1b4253a19231e776dc1951"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a49dd523e2f1b4253a19231e776dc1951"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a49dd523e2f1b4253a19231e776dc1951"></a>&lt;length&gt; | &lt;percentage&gt;<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup19949912807"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup19949912807"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup19949912807"></a><span>5+</span></sup></p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af52ecd93919b4fa08ae4d376e3d544a2"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af52ecd93919b4fa08ae4d376e3d544a2"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af52ecd93919b4fa08ae4d376e3d544a2"></a>0</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p11729374289"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p11729374289"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p11729374289"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a3575ab240d384ab1a21119ea3428ab7d"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a3575ab240d384ab1a21119ea3428ab7d"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a3575ab240d384ab1a21119ea3428ab7d"></a>设置左、上、右、下内边距属性。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row1144723845412"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p769124717365"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p769124717365"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p769124717365"></a>padding-[start|end]</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p157617124374"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p157617124374"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p157617124374"></a>&lt;length&gt; | &lt;percentage&gt;<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup8490161513019"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup8490161513019"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup8490161513019"></a><span>5+</span></sup></p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1069144703616"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1069144703616"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1069144703616"></a>0</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1373027182819"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1373027182819"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1373027182819"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1269184753610"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1269184753610"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1269184753610"></a>设置起始和末端内边距属性。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row11447438175410"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_afa508e5429d948b2b561943d6b2f0f31"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_afa508e5429d948b2b561943d6b2f0f31"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_afa508e5429d948b2b561943d6b2f0f31"></a>margin</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a4dab4f9d97a74a27a45b7ef1d2ab08e6"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a4dab4f9d97a74a27a45b7ef1d2ab08e6"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a4dab4f9d97a74a27a45b7ef1d2ab08e6"></a>&lt;length&gt; | &lt;percentage&gt;<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup1433352175220"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup1433352175220"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup1433352175220"></a>5+</sup></p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a5e3c234d78214e8180b51d237adda154"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a5e3c234d78214e8180b51d237adda154"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a5e3c234d78214e8180b51d237adda154"></a>0</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p4730774285"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p4730774285"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p4730774285"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a1d350e36a773420baf5ebb930cd5ad66"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a1d350e36a773420baf5ebb930cd5ad66"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a1d350e36a773420baf5ebb930cd5ad66"></a>使用简写属性设置所有的外边距属性，该属性可以有1到4个值。</p>
<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul5333133311105"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul5333133311105"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul5333133311105"><li><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p03345339103"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p03345339103"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p03345339103"></a>只有一个值时，这个值会被指定给全部的四个边。</p>
</li><li><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1133420334108"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1133420334108"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1133420334108"></a>两个值时，第一个值被匹配给上和下，第二个值被匹配给左和右。</p>
</li><li><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p193341533191015"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p193341533191015"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p193341533191015"></a>三个值时，第一个值被匹配给上, 第二个值被匹配给左和右，第三个值被匹配给下。</p>
</li><li><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p733412334102"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p733412334102"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p733412334102"></a>四个值时，会依次按上、右、下、左的顺序匹配 (即顺时针顺序)。</p>
</li></ul>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row144473383544"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a70939a36b2b04dd8bec21f5bddc8637e"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a70939a36b2b04dd8bec21f5bddc8637e"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a70939a36b2b04dd8bec21f5bddc8637e"></a>margin-[left|top|right|bottom]</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ae53ac9ac370d483990e04ea9789c1e49"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ae53ac9ac370d483990e04ea9789c1e49"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ae53ac9ac370d483990e04ea9789c1e49"></a>&lt;length&gt; | &lt;percentage&gt;<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup378331720532"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup378331720532"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup378331720532"></a><span>5+</span></sup></p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a180cd037e6174e5c82f35a3a66b6f2ec"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a180cd037e6174e5c82f35a3a66b6f2ec"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a180cd037e6174e5c82f35a3a66b6f2ec"></a>0</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p773013742811"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p773013742811"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p773013742811"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a487d09add6e54c5c89fa4f22e9318271"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a487d09add6e54c5c89fa4f22e9318271"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a487d09add6e54c5c89fa4f22e9318271"></a>设置左、上、右、下外边距属性。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row944743811541"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p9492107123816"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p9492107123816"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p9492107123816"></a>margin-[start|end]</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p157617124374_1"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p157617124374_1"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p157617124374_1"></a>&lt;length&gt; | &lt;percentage&gt;<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup8490161513019_1"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup8490161513019_1"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup8490161513019_1"></a><span>5+</span></sup></p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1549213793811"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1549213793811"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1549213793811"></a>0</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p117511744618"><a name="zh-cn_topic_0000001058670843_p117511744618"></a><a name="zh-cn_topic_0000001058670843_p117511744618"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1049212715388"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1049212715388"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1049212715388"></a>设置起始和末端外边距属性。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row16447238155411"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a222bb48f24014f2eb2b16a1a840bbebb"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a222bb48f24014f2eb2b16a1a840bbebb"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a222bb48f24014f2eb2b16a1a840bbebb"></a>border</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a79b4eaf9983c44d0aad39ff04d0997a8"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a79b4eaf9983c44d0aad39ff04d0997a8"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a79b4eaf9983c44d0aad39ff04d0997a8"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aac320f4f0a42401aa7fa778d9829d77c"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aac320f4f0a42401aa7fa778d9829d77c"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aac320f4f0a42401aa7fa778d9829d77c"></a>0</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p11175131715467"><a name="zh-cn_topic_0000001058670843_p11175131715467"></a><a name="zh-cn_topic_0000001058670843_p11175131715467"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a9cd962871a4c467a8e1ef452621d5cd7"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a9cd962871a4c467a8e1ef452621d5cd7"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a9cd962871a4c467a8e1ef452621d5cd7"></a>使用简写属性设置所有的边框属性，包含边框的宽度，样式，颜色属性，顺序设置为border-width、border-style、border-color，不设置时，各属性值为默认值。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row4447138115414"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a987708c0864a4128af094334f1b024b3"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a987708c0864a4128af094334f1b024b3"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a987708c0864a4128af094334f1b024b3"></a>border-style</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p513631613319"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p513631613319"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p513631613319"></a>string</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2567083af59c40e58e3e4d9b0ddf1485"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2567083af59c40e58e3e4d9b0ddf1485"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2567083af59c40e58e3e4d9b0ddf1485"></a>solid</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p617531717464"><a name="zh-cn_topic_0000001058670843_p617531717464"></a><a name="zh-cn_topic_0000001058670843_p617531717464"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p342285712314"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p342285712314"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p342285712314"></a>使用简写属性设置所有边框的样式，可选值为：</p>
<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul1470834505612"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul1470834505612"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul1470834505612"><li>dotted：显示为一系列圆点，圆点半径为border-width的一半。</li><li>dashed：显示为一系列短的方形虚线。</li></ul>
<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul15621125545612"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul15621125545612"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul15621125545612"><li>solid：显示为一条实线。</li></ul>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row1656512239262"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p119531437370"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p119531437370"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p119531437370"></a>border-[left|top|right|bottom]-style</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p129532037175"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p129532037175"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p129532037175"></a>string</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p495312372717"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p495312372717"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p495312372717"></a>solid</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p169534375717"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p169534375717"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p169534375717"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p595353718719"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p595353718719"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p595353718719"></a>分别设置左、上、右、下四个边框的样式，可选值为dotted、dashed、solid。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row19448113811542"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8afd82b1aba547d3b0188b749518b2de"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8afd82b1aba547d3b0188b749518b2de"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8afd82b1aba547d3b0188b749518b2de"></a>border-[left|top|right|bottom]</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ac4b8a3b39e5446b5868f1f2989dc9590"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ac4b8a3b39e5446b5868f1f2989dc9590"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ac4b8a3b39e5446b5868f1f2989dc9590"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a3420bc82bd17458ab82fa996ade7064c"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a3420bc82bd17458ab82fa996ade7064c"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a3420bc82bd17458ab82fa996ade7064c"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p67303762810"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p67303762810"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p67303762810"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af4178a066c344412afbd38f4b0c44818"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af4178a066c344412afbd38f4b0c44818"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af4178a066c344412afbd38f4b0c44818"></a>使用简写属性设置对应位置的边框属性，包含边框的宽度，样式，颜色属性，顺序设置为border-width、border-style、border-color，不设置的值为默认值。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row124481638165417"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_adf0e0afedc774afca9cda0e509391029"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_adf0e0afedc774afca9cda0e509391029"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_adf0e0afedc774afca9cda0e509391029"></a>border-width</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a0782ea2c45eb4864a8df82f30dd2cd5f"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a0782ea2c45eb4864a8df82f30dd2cd5f"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a0782ea2c45eb4864a8df82f30dd2cd5f"></a>&lt;length&gt;</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a395cbedd521145bd820b9171ee2dd7ac"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a395cbedd521145bd820b9171ee2dd7ac"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a395cbedd521145bd820b9171ee2dd7ac"></a>0</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p16175131724618"><a name="zh-cn_topic_0000001058670843_p16175131724618"></a><a name="zh-cn_topic_0000001058670843_p16175131724618"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a7ae60621ea3341818a03bfdffa641894"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a7ae60621ea3341818a03bfdffa641894"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a7ae60621ea3341818a03bfdffa641894"></a>使用简写属性设置元素的所有边框宽度<span id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph13216153653618"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph13216153653618"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph13216153653618"></a>，或者单独为各边边框设置宽度</span>。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row54481038165410"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a7371edc07c664266a2e1866f31ad0d0c"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a7371edc07c664266a2e1866f31ad0d0c"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a7371edc07c664266a2e1866f31ad0d0c"></a>border-[left|top|right|bottom]-width</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2faa532b841948a7b6598542b4eccc7b"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2faa532b841948a7b6598542b4eccc7b"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2faa532b841948a7b6598542b4eccc7b"></a>&lt;length&gt;</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a87f38cfa47f54bc18c32f9671c0f9ca6"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a87f38cfa47f54bc18c32f9671c0f9ca6"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a87f38cfa47f54bc18c32f9671c0f9ca6"></a>0</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p11175151717466"><a name="zh-cn_topic_0000001058670843_p11175151717466"></a><a name="zh-cn_topic_0000001058670843_p11175151717466"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a20386e66c3834d5f96cf9435c4715c5b"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a20386e66c3834d5f96cf9435c4715c5b"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a20386e66c3834d5f96cf9435c4715c5b"></a>分别设置左、上、右、下四个边框的宽度。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row1744817385547"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a40a816cf0a03489d81f209a8aa7d81a6"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a40a816cf0a03489d81f209a8aa7d81a6"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a40a816cf0a03489d81f209a8aa7d81a6"></a>border-color</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_afcc7c948ae0947b2a78002d31f2f9748"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_afcc7c948ae0947b2a78002d31f2f9748"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_afcc7c948ae0947b2a78002d31f2f9748"></a>&lt;color&gt;</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ae0909d2b896342f9b2196fe0dce72920"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ae0909d2b896342f9b2196fe0dce72920"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ae0909d2b896342f9b2196fe0dce72920"></a>black</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p1017518177465"><a name="zh-cn_topic_0000001058670843_p1017518177465"></a><a name="zh-cn_topic_0000001058670843_p1017518177465"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a76fd98995e1d4217aa703fecd69325c7"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a76fd98995e1d4217aa703fecd69325c7"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a76fd98995e1d4217aa703fecd69325c7"></a>使用简写属性设置元素的所有边框颜色<span id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph112821853719"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph112821853719"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph112821853719"></a>，或者单独为各边边框设置颜色</span>。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row844813835410"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2afc646d6a2549548bcd5c4b9bed1fb5"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2afc646d6a2549548bcd5c4b9bed1fb5"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2afc646d6a2549548bcd5c4b9bed1fb5"></a>border-[left|top|right|bottom]-color</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a34556866a4f54f5da88f148fc698867b"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a34556866a4f54f5da88f148fc698867b"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a34556866a4f54f5da88f148fc698867b"></a>&lt;color&gt;</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8ff58e18553846a38e82c69149e2aa30"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8ff58e18553846a38e82c69149e2aa30"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8ff58e18553846a38e82c69149e2aa30"></a>black</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p11175417184611"><a name="zh-cn_topic_0000001058670843_p11175417184611"></a><a name="zh-cn_topic_0000001058670843_p11175417184611"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a5c85947d388c4c7fbf0de07b022bb44e"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a5c85947d388c4c7fbf0de07b022bb44e"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a5c85947d388c4c7fbf0de07b022bb44e"></a>分别设置左、上、右、下四个边框的颜色。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row944813389540"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a65974e3078c447a383fb9237cc4ffa32"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a65974e3078c447a383fb9237cc4ffa32"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a65974e3078c447a383fb9237cc4ffa32"></a>border-radius</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a413fd0aea8b243349a19f825e96ee8b6"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a413fd0aea8b243349a19f825e96ee8b6"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a413fd0aea8b243349a19f825e96ee8b6"></a>&lt;length&gt;</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af786857698c74e259f52589a6670a0a1"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af786857698c74e259f52589a6670a0a1"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af786857698c74e259f52589a6670a0a1"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p67306752816"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p67306752816"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p67306752816"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a52ca834f42124d3b8b12bbf54914fc96"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a52ca834f42124d3b8b12bbf54914fc96"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a52ca834f42124d3b8b12bbf54914fc96"></a>border-radius属性是设置元素的外边框圆角半径。<span id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph817510495223"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph817510495223"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph817510495223"></a>设置border-radius时不能单独设置某一个方向的border-[left|top|right|bottom]-width，border-[left|top|right|bottom]-color ，border-[left|top|right|bottom]-style，如果要设置color、width和style，需要将四个方向一起设置（border-width、border-color、border-style）。</span></p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row104494382546"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a466f1f8bc2fb404e82e8417c5133eacb"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a466f1f8bc2fb404e82e8417c5133eacb"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a466f1f8bc2fb404e82e8417c5133eacb"></a>border-[top|bottom]-[left|right]-radius</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a499fe910d0284647abc48b1bd0eb4868"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a499fe910d0284647abc48b1bd0eb4868"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a499fe910d0284647abc48b1bd0eb4868"></a>&lt;length&gt;</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ac142d1054eee499f948069f46129c492"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ac142d1054eee499f948069f46129c492"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ac142d1054eee499f948069f46129c492"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p27305718283"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p27305718283"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p27305718283"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a63757091a86c4ced97f0c39d37a2117c"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a63757091a86c4ced97f0c39d37a2117c"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a63757091a86c4ced97f0c39d37a2117c"></a>分别设置左上，右上，右下和左下四个角的圆角半径。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row1344912384548"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ae335be2c6150440fb31b40b1ca117858"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ae335be2c6150440fb31b40b1ca117858"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ae335be2c6150440fb31b40b1ca117858"></a>background</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a394a81171c5c4d1aa81b94fc5d2f0f07"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a394a81171c5c4d1aa81b94fc5d2f0f07"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a394a81171c5c4d1aa81b94fc5d2f0f07"></a>&lt;linear-gradient&gt;</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a0734de04e90e470cb608e8d5f42c6874"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a0734de04e90e470cb608e8d5f42c6874"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a0734de04e90e470cb608e8d5f42c6874"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p15730197132811"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p15730197132811"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p15730197132811"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a1d2985ee819d4cfd87861080354def51"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a1d2985ee819d4cfd87861080354def51"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a1d2985ee819d4cfd87861080354def51"></a>仅支持设置<a href="渐变样式.md#ZH-CN_TOPIC_0000001115974726">渐变样式</a>，与background-color、background-image不兼容。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row15449838185416"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2977672444224b738a566c61225961c2"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2977672444224b738a566c61225961c2"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2977672444224b738a566c61225961c2"></a>background-color</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a87186748ed7c4694aef0095d8a7f8e43"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a87186748ed7c4694aef0095d8a7f8e43"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a87186748ed7c4694aef0095d8a7f8e43"></a>&lt;color&gt;</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2775a3cca8994bec9b754af0d2455eb5"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2775a3cca8994bec9b754af0d2455eb5"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2775a3cca8994bec9b754af0d2455eb5"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p17730577282"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p17730577282"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p17730577282"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a372b6089bf9746f091c91fa49b571f1d"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a372b6089bf9746f091c91fa49b571f1d"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a372b6089bf9746f091c91fa49b571f1d"></a>设置背景颜色。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row54491338115412"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ab2dff80cd59c4db1bf4293172f89735e"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ab2dff80cd59c4db1bf4293172f89735e"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ab2dff80cd59c4db1bf4293172f89735e"></a>background-image</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ad9a7e9f2469b45238a6a0ac6da232286"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ad9a7e9f2469b45238a6a0ac6da232286"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ad9a7e9f2469b45238a6a0ac6da232286"></a>string</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a73fb72c96edd488ba74c364568e345c6"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a73fb72c96edd488ba74c364568e345c6"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a73fb72c96edd488ba74c364568e345c6"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p7730976285"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p7730976285"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p7730976285"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a24de29e3cb4d476fabe55d48d69350a8"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a24de29e3cb4d476fabe55d48d69350a8"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a24de29e3cb4d476fabe55d48d69350a8"></a>设置背景图片。与background-color、background不兼容；支持本地图片资源地址。</p>
<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p434668142510"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p434668142510"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p434668142510"></a>示例：</p>
<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul11766913172513"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul11766913172513"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul11766913172513"><li>background-image: url("/common/background.png")</li></ul>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row6449238185416"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af81424fd1fbf4f5da65ea5d136390494"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af81424fd1fbf4f5da65ea5d136390494"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_af81424fd1fbf4f5da65ea5d136390494"></a>background-size</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul1065173641310"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul1065173641310"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul1065173641310"><li>string</li><li>&lt;length&gt; &lt;length&gt;</li><li>&lt;percentage&gt; &lt;percentage&gt;</li></ul>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a222f4e09239a4ab08880d1d9544d337c"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a222f4e09239a4ab08880d1d9544d337c"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a222f4e09239a4ab08880d1d9544d337c"></a>auto</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p137309714282"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p137309714282"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p137309714282"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p91971112114318"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p91971112114318"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p91971112114318"></a>设置背景图片的大小。</p>
<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul41331853154111"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul41331853154111"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul41331853154111"><li>string可选值：<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul13611494111"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul13611494111"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul13611494111"><li>contain：把图像扩展至最大尺寸，以使其高度和宽度完全适用内容区域。</li><li>cover：把背景图像扩展至足够大，以使背景图像完全覆盖背景区域；背景图像的某些部分也许无法显示在背景定位区域中。</li><li>auto：保持原图的比例不变。</li></ul>
</li><li>length值参数方式：<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1840244924418"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1840244924418"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1840244924418"></a>设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。</p>
</li><li>百分比参数方式：<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p17936154410457"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p17936154410457"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p17936154410457"></a>以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。</p>
</li></ul>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row94491238155415"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a9957170386754fb5b648ba2114bd52d4"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a9957170386754fb5b648ba2114bd52d4"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a9957170386754fb5b648ba2114bd52d4"></a>background-repeat</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a155b4cc325e747279694d36c2fa69bcc"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a155b4cc325e747279694d36c2fa69bcc"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a155b4cc325e747279694d36c2fa69bcc"></a>string</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a82029c0dc1d540cf994f690b451c48f4"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a82029c0dc1d540cf994f690b451c48f4"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a82029c0dc1d540cf994f690b451c48f4"></a>repeat</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1673015702810"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1673015702810"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1673015702810"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_afb8e41c117884b368a0f1df348be8e54"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_afb8e41c117884b368a0f1df348be8e54"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_afb8e41c117884b368a0f1df348be8e54"></a>针对重复背景图像样式进行设置，背景图像默认在水平和垂直方向上重复。</p>
<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul8236153103612"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul8236153103612"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul8236153103612"><li>repeat：在水平轴和竖直轴上同时重复绘制图片。</li><li>repeat-x：只在水平轴上重复绘制图片。</li><li>repeat-y：只在竖直轴上重复绘制图片。</li><li>no-repeat：不会重复绘制图片。</li></ul>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row94491738105419"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a709eb4a9fa87428897bebb4a98693df2"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a709eb4a9fa87428897bebb4a98693df2"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a709eb4a9fa87428897bebb4a98693df2"></a>background-position</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul8874155216502"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul8874155216502"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul8874155216502"><li>string string</li><li>&lt;length&gt; &lt;length&gt;</li><li>&lt;percentage&gt; &lt;percentage&gt;</li></ul>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a6f8f5d1c92f447bd868a841ad1a33cb1"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a6f8f5d1c92f447bd868a841ad1a33cb1"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a6f8f5d1c92f447bd868a841ad1a33cb1"></a>0px 0px</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p173010720280"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p173010720280"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p173010720280"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul1590812103363"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul1590812103363"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul1590812103363"><li>关键词方式：如果仅规定了一个关键词，那么第二个值为"center"。两个值分别定义水平方向位置和竖直方向位置。<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul1453531734716"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul1453531734716"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul1453531734716"><li>left：水平方向上最左侧。</li><li>right：水平方向上最右侧。</li><li>top：竖直方向上最顶部。</li><li>bottom：竖直方向上最底部。</li><li>center：水平方向或竖直方向上中间位置。</li></ul>
</li></ul>
<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul10908121023615"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul10908121023615"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul10908121023615"><li>length值参数方式：第一个值是水平位置，第二个值是垂直位置。 左上角是 0 0。单位是像素 (0px 0px)  。如果仅规定了一个值，另外一个值将是50%。</li><li>百分比参数方式：第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果仅规定了一个值，另外一个值为50%。</li><li>可以混合使用&lt;percentage&gt;和&lt;length&gt;</li></ul>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row20450143885416"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p134581712103910"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p134581712103910"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p134581712103910"></a>opacity</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a45185999ae584676af4c36467c2ade8b"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a45185999ae584676af4c36467c2ade8b"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a45185999ae584676af4c36467c2ade8b"></a>number</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a09ff20dda8e44794bca18c84f413d972"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a09ff20dda8e44794bca18c84f413d972"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a09ff20dda8e44794bca18c84f413d972"></a>1</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1873011722814"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1873011722814"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1873011722814"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p122515161139"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p122515161139"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p122515161139"></a>元素的透明度，取值范围为0到1，1表示为不透明，0表示为完全透明。</p>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row1450123865418"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aeda9e2f8d8344958bf4f43d429dcb55e"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aeda9e2f8d8344958bf4f43d429dcb55e"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aeda9e2f8d8344958bf4f43d429dcb55e"></a>display</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1544115441446"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1544115441446"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1544115441446"></a>string</p>
<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aaaa164aa970b490fb048e5f260f1c661"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aaaa164aa970b490fb048e5f260f1c661"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aaaa164aa970b490fb048e5f260f1c661"></a></p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aa5ce61466c9847dbb7f44852338d9006"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aa5ce61466c9847dbb7f44852338d9006"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aa5ce61466c9847dbb7f44852338d9006"></a>flex</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p167303762818"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p167303762818"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p167303762818"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p23704018414"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p23704018414"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p23704018414"></a>确定一个元素所产生的框的类型，可选值为：</p>
<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul12227103394916"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul12227103394916"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul12227103394916"><li>flex：弹性布局。</li><li>none：不渲染此元素。</li></ul>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row194503380541"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aa2ed1da39c8e4ad78829712734226ab9"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aa2ed1da39c8e4ad78829712734226ab9"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aa2ed1da39c8e4ad78829712734226ab9"></a>visibility</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p15475737486"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p15475737486"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p15475737486"></a>string</p>
<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aabfb0eb044194745af56c313f40e7781"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aabfb0eb044194745af56c313f40e7781"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aabfb0eb044194745af56c313f40e7781"></a></p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_acaca80d4ef9a4f0d87adf92cb2d1ff9a"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_acaca80d4ef9a4f0d87adf92cb2d1ff9a"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_acaca80d4ef9a4f0d87adf92cb2d1ff9a"></a>visible</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p57301471281"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p57301471281"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p57301471281"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1568839154517"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1568839154517"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1568839154517"></a>是否显示元素所产生的框。不可见的框会占用布局（将'display'属性设置为'none'来完全去除框），可选值为：</p>
<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul751984164920"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul751984164920"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul751984164920"><li>visible：元素正常显示。</li><li>hidden：隐藏元素，但是其他元素的布局不改变，相当于此元素变成透明。</li></ul>
<div class="note" id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note4549524649"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note4549524649"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note4549524649"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p25499241642"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p25499241642"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p25499241642"></a>visibility和display样式都设置时，仅display生效</p>
</div></div>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row13450113811544"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ad74a6a48aca7439e9344c18c26b4177e"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ad74a6a48aca7439e9344c18c26b4177e"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ad74a6a48aca7439e9344c18c26b4177e"></a>flex</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2e6e5192a1534872be5fcfd9f83e3fdc"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2e6e5192a1534872be5fcfd9f83e3fdc"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2e6e5192a1534872be5fcfd9f83e3fdc"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8512eda38e25410685be8a8992890257"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8512eda38e25410685be8a8992890257"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a8512eda38e25410685be8a8992890257"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1373057132812"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1373057132812"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1373057132812"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a11c317cdfa7d4066878d86c6b3bcbd82"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a11c317cdfa7d4066878d86c6b3bcbd82"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a11c317cdfa7d4066878d86c6b3bcbd82"></a>规定当前组件如何适应父组件中的可用空间。</p>
<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p6968144051814"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p6968144051814"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p6968144051814"></a>flex可以指定1个，2个<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup894453017315"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup894453017315"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup894453017315"></a>5+</sup>或3个<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup1255142393114"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup1255142393114"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup1255142393114"></a>5+</sup>值。</p>
<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p16733313171911"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p16733313171911"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p16733313171911"></a>单值语法：</p>
<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul93371539192211"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul93371539192211"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul93371539192211"><li>一个无单位数：用来设置组件的flex-grow</li><li>一个有效的宽度值<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup133014373318"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup133014373318"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup133014373318"></a>5+</sup>：用来设置组件的flex-basis</li></ul>
<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p6786171632018"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p6786171632018"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p6786171632018"></a>双值语法<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup39514502313"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup39514502313"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup39514502313"></a>5+</sup>：</p>
<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p6400429122011"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p6400429122011"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p6400429122011"></a>第一个值必须是无单位数，用来设置组件的flex-grow。第二个值是以下之一：</p>
<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul767043502219"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul767043502219"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul767043502219"><li>一个无单位数：用来设置组件的flex-shrink</li><li>一个有效的宽度值：用来设置组件的flex-basis</li></ul>
<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p748416351217"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p748416351217"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p748416351217"></a>三值语法<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup718215417318"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup718215417318"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup718215417318"></a>5+</sup>：</p>
<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p7373204832111"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p7373204832111"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p7373204832111"></a>第一个值必须是无单位数，用来设置组件的flex-grow；第二个值必须是无单位数，用来设置组件的flex-shrink；第三个值必须是一个有效的宽度值，用来设置组件的flex-basis。</p>
<div class="note" id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note34891253201520"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note34891253201520"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note34891253201520"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1248915538152"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1248915538152"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1248915538152"></a>仅父容器为&lt;div&gt;、&lt;list-item&gt;、&lt;tabs&gt;、&lt;refresh&gt;、&lt;stepper-item&gt;<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup7842840112718"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup7842840112718"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup7842840112718"></a><span>5+</span></sup>时生效。</p>
</div></div>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row13450138205418"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a5d88cacaaf5c4f6a87390ab916b695c6"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a5d88cacaaf5c4f6a87390ab916b695c6"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a5d88cacaaf5c4f6a87390ab916b695c6"></a>flex-grow</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2c379e3af283446da446f1631e572efd"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2c379e3af283446da446f1631e572efd"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2c379e3af283446da446f1631e572efd"></a>number</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aa374f6c7415a4ee48a06930d76c55be7"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aa374f6c7415a4ee48a06930d76c55be7"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_aa374f6c7415a4ee48a06930d76c55be7"></a>0</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p81768178466"><a name="zh-cn_topic_0000001058670843_p81768178466"></a><a name="zh-cn_topic_0000001058670843_p81768178466"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p4437122419557"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p4437122419557"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p4437122419557"></a>设置组件的拉伸样式，指定父组件容器主轴方向上剩余空间（容器本身大小减去所有flex子元素占用的大小）的分配权重。0为不伸展。</p>
<div class="note" id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note201231734212"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note201231734212"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note201231734212"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p184555314553"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p184555314553"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p184555314553"></a>仅父容器为&lt;div&gt;、&lt;list-item&gt;、&lt;tabs&gt;、&lt;refresh&gt;、&lt;stepper-item&gt;<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup19626155192720"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup19626155192720"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup19626155192720"></a><span>5+</span></sup>时生效。</p>
</div></div>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row845016384549"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ac65ef7e2b1f24a13b09c495f643168c9"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ac65ef7e2b1f24a13b09c495f643168c9"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ac65ef7e2b1f24a13b09c495f643168c9"></a>flex-shrink</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a98e7d367f0e649699892ae5bad6ade37"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a98e7d367f0e649699892ae5bad6ade37"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a98e7d367f0e649699892ae5bad6ade37"></a>number</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a422d978368814d12a33201cb839060ee"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a422d978368814d12a33201cb839060ee"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a422d978368814d12a33201cb839060ee"></a>1</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p1917613178465"><a name="zh-cn_topic_0000001058670843_p1917613178465"></a><a name="zh-cn_topic_0000001058670843_p1917613178465"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ab032342dfe56460ca742800de482ca0f"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ab032342dfe56460ca742800de482ca0f"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ab032342dfe56460ca742800de482ca0f"></a>设置组件的收缩样式，元素仅在默认宽度之和大于容器的时候才会发生收缩，0为不收缩。</p>
<div class="note" id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note147160917217"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note147160917217"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note147160917217"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p844914328577"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p844914328577"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p844914328577"></a>仅父容器为&lt;div&gt;、&lt;list-item&gt;、&lt;tabs&gt;、&lt;refresh&gt;、&lt;stepper-item&gt;<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup7848105319275"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup7848105319275"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup7848105319275"></a><span>5+</span></sup>时生效。</p>
</div></div>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row144511738195411"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a82c323a994634032963169eeee1a55e4"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a82c323a994634032963169eeee1a55e4"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a82c323a994634032963169eeee1a55e4"></a>flex-basis</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1148910787"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1148910787"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1148910787"></a>&lt;length&gt;</p>
<p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a43613cf0c2184c0d8b44e8d292f6edb7"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a43613cf0c2184c0d8b44e8d292f6edb7"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a43613cf0c2184c0d8b44e8d292f6edb7"></a></p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ab9e1c7dc25f840e58993af05c1d32109"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ab9e1c7dc25f840e58993af05c1d32109"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ab9e1c7dc25f840e58993af05c1d32109"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_p0176817154612"><a name="zh-cn_topic_0000001058670843_p0176817154612"></a><a name="zh-cn_topic_0000001058670843_p0176817154612"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a0993ef9b0ef64785a76e6310dd834f09"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a0993ef9b0ef64785a76e6310dd834f09"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a0993ef9b0ef64785a76e6310dd834f09"></a>设置组件在主轴方向上的初始大小。</p>
<div class="note" id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note62848141222"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note62848141222"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note62848141222"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p16711745115718"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p16711745115718"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p16711745115718"></a>仅父容器为&lt;div&gt;、&lt;list-item&gt;、&lt;tabs&gt;、&lt;refresh&gt;、&lt;stepper-item&gt;<sup id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup378825517272"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup378825517272"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_sup378825517272"></a><span>5+</span></sup>时生效。</p>
</div></div>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row184519384544"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a50180d720a374549ae72c848e53320cb"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a50180d720a374549ae72c848e53320cb"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a50180d720a374549ae72c848e53320cb"></a>position</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a63672ed9a4c040f7a6ec9c8089b79bb6"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a63672ed9a4c040f7a6ec9c8089b79bb6"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a63672ed9a4c040f7a6ec9c8089b79bb6"></a>string</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2666820c71eb420485e4d20e55b4eabe"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2666820c71eb420485e4d20e55b4eabe"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a2666820c71eb420485e4d20e55b4eabe"></a>relative</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1173107172814"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1173107172814"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1173107172814"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ae28abf4e47a740efbd45a8f280577912"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ae28abf4e47a740efbd45a8f280577912"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ae28abf4e47a740efbd45a8f280577912"></a>设置元素的定位类型，不支持动态变更。</p>
<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul17185232185014"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul17185232185014"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul17185232185014"><li>fixed：相对与整个界面进行定位。</li><li>absolute：相对于父元素进行定位。</li><li>relative：相对于其正常位置进行定位。</li></ul>
<div class="note" id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note167617191219"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note167617191219"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_note167617191219"></a><span class="notetitle"> 说明： </span><div class="notebody"><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1839092815101"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1839092815101"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1839092815101"></a>absolute属性仅在父容器为&lt;div&gt;、&lt;stack&gt;时生效。</p>
</div></div>
</td>
</tr>
<tr id="zh-cn_topic_0000001058670843_row1545123811547"><td class="cellrowborder" valign="top" width="23.11768823117688%" headers="mcps1.1.6.1.1 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a70405cb9696b4329ac7625af93310018"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a70405cb9696b4329ac7625af93310018"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a70405cb9696b4329ac7625af93310018"></a>[left|top<span id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph14927143614712"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph14927143614712"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph14927143614712"></a>|right|bottom</span>]</p>
</td>
<td class="cellrowborder" valign="top" width="20.477952204779523%" headers="mcps1.1.6.1.2 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1849062221214"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1849062221214"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p1849062221214"></a>&lt;length&gt;</p>
</td>
<td class="cellrowborder" valign="top" width="8.869113088691131%" headers="mcps1.1.6.1.3 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a579ac7c03d1d46758ebaacd565d86ed3"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a579ac7c03d1d46758ebaacd565d86ed3"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a579ac7c03d1d46758ebaacd565d86ed3"></a>-</p>
</td>
<td class="cellrowborder" valign="top" width="7.519248075192481%" headers="mcps1.1.6.1.4 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p187314719288"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p187314719288"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_p187314719288"></a>否</p>
</td>
<td class="cellrowborder" valign="top" width="40.01599840015999%" headers="mcps1.1.6.1.5 "><p id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a9a662a62cd9b40eaa0cb9ca082b6d1c2"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a9a662a62cd9b40eaa0cb9ca082b6d1c2"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_a9a662a62cd9b40eaa0cb9ca082b6d1c2"></a>left|top<span id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph116191353154713"><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph116191353154713"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ph116191353154713"></a>|right|bottom</span>需要配合position样式使用，来确定元素的偏移位置。</p>
<a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul12671003525"></a><a name="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul12671003525"></a><ul id="zh-cn_topic_0000001058670843_zh-cn_topic_0000001059340528_ul12671003525"><li>left属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。</li><li>top属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。</li><li>right属性规定元素的右边缘。该属性定义了定位元素右外边距边界与其包含块右边界之间的偏移。</li><li>bottom属性规定元素的底部边缘。该属性定义了一个定位元素的下外边距边界与其包含块下边界之间的偏移。</li></ul>
</td>
</tr>
</tbody>
</table>