From 253f347d6ad435a1c12d9a17e858f9c3f1d80762 Mon Sep 17 00:00:00 2001 From: git_robot Date: Mon, 2 Sep 2024 20:44:32 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20cssJson.json?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/.vuepress/utils/cssJson.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/.vuepress/utils/cssJson.json b/docs/.vuepress/utils/cssJson.json index 3b401910..124570c3 100644 --- a/docs/.vuepress/utils/cssJson.json +++ b/docs/.vuepress/utils/cssJson.json @@ -1 +1 @@ -{"align-content":{"name":"## align-content\n","description":"\nCSS 的 align-content 属性用于设置交叉轴方向多个行或列的分布方式\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nalign-content: normal | | | ? ;\n```\n","values":"\n### align-content 的属性值\n`center`
所有行朝向容器的中心填充。每行互相紧挨，相对于容器居中对齐。容器的垂直轴起点边和第一行的距离相等于容器的垂直轴终点边和最后一行的距离。


`flex-start`
所有行从垂直轴起点开始填充。第一行的垂直轴起点边和容器的垂直轴起点边对齐。接下来的每一行紧跟前一行。


`flex-end`
所有行从垂直轴末尾开始填充。最后一行的垂直轴终点和容器的垂直轴终点对齐。同时所有后续行与前一个对齐。


`space-between`
所有行在容器中平均分布。相邻两行间距相等。容器的垂直轴起点边和终点边分别与第一行和最后一行的边对齐。


`space-around`
所有行在容器中平均分布，相邻两行间距相等。容器的垂直轴起点边和终点边分别与第一行和最后一行的距离是相邻两行间距的一半。


`stretch`
拉伸所有行来填满剩余空间。剩余空间平均地分配给每一行。\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | stretch |\n\n **注意**：W3C 默认值为：normal","unixTags":"### 适用组件 @unix-tags \n - [view](/component/view.md)\n- [scroll-view](/component/scroll-view.md)\n- [list-view](/component/list-view.md)\n- [list-item](/component/list-item.md)\n- [swiper-item](/component/swiper-item.md)\n- [navigator](/component/navigator.md)","compatibility":"### 兼容性 \n\n#### align-content 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| center | 4.0 | 3.9 | 4.11 |\n| flex-start | 4.0 | 3.9 | 4.11 |\n| flex-end | 4.0 | 3.9 | 4.11 |\n| space-between | 4.0 | 3.9 | 4.11 |\n| space-around | 4.0 | 3.9 | 4.11 |\n| stretch | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| align-content | √（ 29 ） | √（ 12 ） | √（ 28 ） | √（ 16 ） | √（ 9 ） | √（ 11 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/align-content)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.align-content)\n"},"align-items":{"name":"## align-items\n","description":"\nCSS align-items 属性将所有直接子节点上的 align-self 值设置为一个组。align-self 属性设置项目在其包含块中在交叉轴方向上的对齐方式。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nalign-items: normal | stretch | | [ ? ];\n```\n","values":"\n### align-items 的属性值\n`center`
元素在侧轴居中。如果元素在侧轴上的高度高于其容器，那么在两个方向上溢出距离相同。


`flex-start`
元素向侧轴起点对齐。


`flex-end`
元素向侧轴终点对齐。


`stretch`
弹性项包含外边距的交叉轴尺寸被拉升至行高


`baseline`
所有元素向基线对齐。侧轴起点到元素基线距离最大的元素将会于侧轴起点对齐以确定基线。\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | stretch |\n\n **注意**：W3C 默认值为：normal","unixTags":"### 适用组件 @unix-tags \n - [view](/component/view.md)\n- [scroll-view](/component/scroll-view.md)\n- [list-view](/component/list-view.md)\n- [list-item](/component/list-item.md)\n- [swiper-item](/component/swiper-item.md)\n- [navigator](/component/navigator.md)","compatibility":"### 兼容性 \n\n#### align-items 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| center | 4.0 | 3.9 | 4.11 |\n| flex-start | 4.0 | 3.9 | 4.11 |\n| flex-end | 4.0 | 3.9 | 4.11 |\n| stretch | 4.0 | 3.9 | 4.11 |\n| baseline | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| align-items | √（ 29 ） | √（ 12 ） | √（ 20 ） | √（ 16 ） | √（ 9 ） | √（ 11 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/align-items)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.align-items)\n"},"align-self":{"name":"## align-self\n","description":"\nCSS 属性 align-self 会对齐当前 grid 或 flex 行中的元素，并覆盖已有的 align-items 的值。In Grid, it aligns the item inside the grid area. 在 Flexbox 中，会按照 cross axis（当前 flex 元素排列方向的垂直方向）进行排列。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nalign-self: auto | normal | stretch | | ? ;\n```\n","values":"\n### align-self 的属性值\n`auto`
设置为父元素的 align-items 值。


`center`
flex 元素会对齐到 cross-axis 的中间，如果该元素的 cross-size 尺寸大于 flex 容器，将在两个方向均等溢出。


`flex-start`
flex 元素会对齐到 cross-axis 的首端。


`flex-end`
flex 元素会对齐到 cross-axis 的尾端。


`stretch`
如果元素未设置高度或设为auto，将占满整个容器的高度。


`baseline`
Specifies participation in first- or last-baseline alignment: aligns the alignment baseline of the box’s first or last baseline set with the corresponding baseline in the shared first or last baseline set of all the boxes in its baseline-sharing group.
The fallback alignment for first baseline is start, the one for last baseline is end.
flex 元素将会基于容器的宽和高，按照自身 margin box 的 cross-size 拉伸。If the combined size of the items along the cross axis is less than the size of the alignment container and the item is auto-sized, its size is increased equally (not proportionally), while still respecting the constraints imposed by max-height/max-width (or equivalent functionality), so that the combined size of all auto-sized items exactly fills the alignment container along the cross axis.\n","defaultValue":"### 默认值 @default-value \n `auto`","unixTags":"","compatibility":"### 兼容性 \n\n#### align-self 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | 3.9 | 4.11 |\n| center | 4.0 | 3.9 | 4.11 |\n| flex-start | 4.0 | 3.9 | 4.11 |\n| flex-end | 4.0 | 3.9 | 4.11 |\n| stretch | 4.0 | 3.9 | 4.11 |\n| baseline | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| align-self | √（ 29 ） | √（ 12 ） | √（ 20 ） | √（ 12.1 ） | √（ 9 ） | √（ 10 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/align-self)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.align-self)\n"},"background":{"name":"## background\n","description":"\nbackground 是一种 CSS 简写属性，用于一次性集中定义各种背景属性，包括 color, image, origin 与 size, repeat 方式等等。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nbackground: [ , ]* ;\n```\n","values":"\n### background 的属性值\n`fixed`
背景固定于视口。在分页媒体中，如果没有视口，则“fixed”背景将相对于页面框固定，因此在每一页都会复制。


`local`
背景相对于元素内容固定：如果元素具有滚动机制，背景将随元素内容滚动。


`none`
被视为图像层，但不绘制任何内容。


`scroll`
背景固定于元素自身，不随内容滚动（实际上附加在元素的边框上）。\n","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### background 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| fixed | 4.0 | x | x |\n| local | 4.0 | x | x |\n| none | 4.0 | x | x |\n| scroll | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| background | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/background)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.background)\n"},"background-clip":{"name":"## background-clip\n","description":"\nbackground-clip 设置元素的背景（背景图片或颜色）是否延伸到边框、内边距盒子、内容盒子下面。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | x |\n","syntax":"\n### 语法\n```\nbackground-clip: #;\n```\n","values":"\n### background-clip 的属性值\n`border-box`
背景延伸至边框外沿（但是在边框下层）。


`padding-box`
背景延伸至内边距（padding）外沿。不会绘制到边框处。


`content-box`
背景被裁剪至内容区（content box）外沿。\n","defaultValue":"### 默认值 @default-value \n `border-box`","unixTags":"","compatibility":"### 兼容性 \n\n#### background-clip 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| border-box | 4.0 | 3.9 | x |\n| padding-box | 4.0 | x | x |\n| content-box | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| background-clip | √（ 1 ） | √（ 12 ） | √（ 4 ） | √（ 10.5 ） | √（ 5 ） | √（ 9 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/background-clip)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.background-clip)\n"},"background-color":{"name":"## background-color\n","description":"\nCSS属性中的 background-color 会设置元素的背景色，属性的值为颜色值或关键字\"transparent\"二者选其一。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nbackground-color: ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n `transparent`","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| background-color | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/background-color)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.background-color)\n"},"background-image":{"name":"## background-image\n","description":"\nCSS background-image 属性用于为一个元素设置一个或者多个背景图像。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nbackground-image: #;\n```\n","values":"\n### background-image 的属性值\n`linear-gradient`
使用由两种或多种颜色沿一条直线进行线性过渡的背景图像。


`none`
是一个表示无背景图的关键字。\n","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### background-image 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| linear-gradient | 4.0 | 3.9 | 4.11 |\n| none | 4.0 | - | - |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| background-image | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/background-image)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.background-image)\n"},"border":{"name":"## border\n","description":"\nCSS 的 border 是设置元素边框属性的简写形式，用于设置一个或多个以下属性的值：border-width、border-style、border-color。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder: || || ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | 0 |","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border)\n"},"border-bottom":{"name":"## border-bottom\n","description":"\nborder-bottom 简写属性把下边框的所有属性：border-bottom-color，border-bottom-style 与 border-bottom-width 设置到了一个声明中。这些属性描述了元素的下边框样式。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-bottom: || || ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-bottom | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-bottom)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-bottom)\n"},"border-bottom-color":{"name":"## border-bottom-color\n","description":"\nborder-bottom-color 属性设置一个元素底部边框的颜色。应当指出，在多数情况下，CSS 简写属性 border-color 或 border-bottom 更方便实用。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-bottom-color: <'border-top-color'>;\n```\n","values":"\n### border-bottom-color 的属性值\n`inherit`
一个代表父元素底边颜色的关键字（可能和 border-bottom-color 默认值不同）\n","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### border-bottom-color 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| inherit | 4.0 | - | - |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-bottom-color | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-bottom-color)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-bottom-color)\n"},"border-bottom-left-radius":{"name":"## border-bottom-left-radius\n","description":"\nborder-bottom-left-radius 这个 css 属性设置元素左下角的圆角。圆角可以是圆或椭圆（注：应为圆或椭圆的一部分），或者当其中一个值为 0 时，圆角将不被设置，这时这个角将展示为直角。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-bottom-left-radius: {1,2};\n```\n","values":"","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-bottom-left-radius | √（ 4 ） | √（ 12 ） | √（ 4 ） | √（ 10.5 ） | √（ 5 ） | √（ 9 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-bottom-left-radius)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-bottom-left-radius)\n"},"border-bottom-right-radius":{"name":"## border-bottom-right-radius\n","description":"\n设置元素边框右下角的圆角半径。允许指定一个或两个半径值来定义椭圆形的角。如果只指定一个值将创建一个均匀的圆角。如果指定两个不同的值，第一个值将用于半长轴，第二个值将用于半短轴，从而可以创建椭圆形的圆角，使其在水平和垂直方向上具有不同的曲率。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-bottom-right-radius: {1,2};\n```\n","values":"","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-bottom-right-radius | √（ 4 ） | √（ 12 ） | √（ 4 ） | √（ 10.5 ） | √（ 5 ） | √（ 9 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-bottom-right-radius)\n"},"border-bottom-style":{"name":"## border-bottom-style\n","description":"\n设置元素底部边框的样式。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-bottom-style: ;\n```\n","values":"\n### border-bottom-style 的属性值\n`none`
和关键字 hidden 类似，不显示边框。在这种情况下，如果没有设定背景图片，border-width 计算后的值将是 0，即使先前已经指定过它的值。在单元格边框重叠情况下，none 值优先级最低，意味着如果存在其他的重叠边框，则会显示为那个边框。


`solid`
显示为一条实线。


`dashed`
显示为一系列短的方形虚线。标准中没有定义线段的长度和大小，视不同实现而定。


`dotted`
显示为一系列圆点。标准中没有定义两点之间的间隔大小，视不同实现而定。圆点半径是 border-width 计算值的一半。\n","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### border-bottom-style 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| none | 4.0 | 3.9 | 4.11 |\n| solid | 4.0 | 3.9 | 4.11 |\n| dashed | 4.0 | 3.9 | 4.11 |\n| dotted | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-bottom-style | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 9.2 ） | √（ 1 ） | √（ 5.5 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-bottom-style)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-bottom-style)\n"},"border-bottom-width":{"name":"## border-bottom-width\n","description":"\nCSS 属性 border-bottom-width 设置一个元素的底部边框宽度。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-bottom-width: ;\n```\n","values":"\n### border-bottom-width 的属性值\n`thin`
细边线


`medium`
中等边线


`thick`
宽边线\n","defaultValue":"### 默认值 @default-value \n `medium`","unixTags":"","compatibility":"### 兼容性 \n\n#### border-bottom-width 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| thin | 4.0 | 3.93 | 4.11 |\n| medium | 4.0 | 3.93 | 4.11 |\n| thick | 4.0 | 3.93 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-bottom-width | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-bottom-width)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-bottom-width)\n"},"border-color":{"name":"## border-color\n","description":"\nCSS 属性 border-color 是一个用于设置元素四个边框颜色的快捷属性： border-top-color、border-right-color、border-bottom-color、border-left-color。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-color: {1,4};\n```\n","values":"\n### border-color 的属性值\n`color`
使用 \\ 来表示四个边框的颜色，仅用于单值语法。


`horizontal`
使用 \\ 来表示水平（左边框和右边框）边框的颜色，仅用于双值语法。


`vertical`
使用 \\ 来表示垂直（上边框和下边框）边框的颜色，仅用于双值或三值语法。


`top`
使用 \\ 来表示上边框的颜色，仅用于三值或四值语法。


`bottom`
使用 \\ 来表示下边框的颜色，仅用于三值或四值语法。


`right`
使用 \\ 来表示右边框的颜色，仅用于四值语法。


`left`
使用 \\ 来表示左边框的颜色，仅用于四值语法。


`inherit`
这是一个关键词，用于指示四边的颜色值均继承自父元素的计算值。\n","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### border-color 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| color | 4.0 | - | - |\n| horizontal | 4.0 | - | - |\n| vertical | 4.0 | - | - |\n| top | 4.0 | - | - |\n| bottom | 4.0 | - | - |\n| right | 4.0 | - | - |\n| left | 4.0 | - | - |\n| inherit | 4.0 | - | - |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-color | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-color)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-color)\n"},"border-left":{"name":"## border-left\n","description":"\nCSS 属性 border-left 是属性border-left-color, border-left-style, 和border-left-width的三者的缩写。这些属性都是在描述一个元素的左边的边框border。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-left: || || ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-left | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-left)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-left)\n"},"border-left-color":{"name":"## border-left-color\n","description":"\nborder-left-color 属性设置元素的左边框颜色。值得注意的是，在大数情况下使用 border-color 或 border-left 更加方便和普遍。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-left-color: ;\n```\n","values":"","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-left-color | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-left-color)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-left-color)\n"},"border-left-style":{"name":"## border-left-style\n","description":"\n设置元素左边框的样式。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-left-style: ;\n```\n","values":"\n### border-left-style 的属性值\n`none`
和关键字 hidden 类似，不显示边框。在这种情况下，如果没有设定背景图片，border-width 计算后的值将是 0，即使先前已经指定过它的值。在单元格边框重叠情况下，none 值优先级最低，意味着如果存在其他的重叠边框，则会显示为那个边框。


`solid`
显示为一条实线。


`dashed`
显示为一系列短的方形虚线。标准中没有定义线段的长度和大小，视不同实现而定。


`dotted`
显示为一系列圆点。标准中没有定义两点之间的间隔大小，视不同实现而定。圆点半径是 border-width 计算值的一半。\n","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### border-left-style 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| none | 4.0 | 3.9 | 4.11 |\n| solid | 4.0 | 3.9 | 4.11 |\n| dashed | 4.0 | 3.9 | 4.11 |\n| dotted | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-left-style | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 9.2 ） | √（ 1 ） | √（ 5.5 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-left-style)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-left-style)\n"},"border-left-width":{"name":"## border-left-width\n","description":"\nCSS 的 border-left-width 属性用来设置盒子的左边框的宽度。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-left-width: ;\n```\n","values":"\n### border-left-width 的属性值\n`thin`
细边线


`medium`
中等边线


`thick`
宽边线\n","defaultValue":"### 默认值 @default-value \n `medium`","unixTags":"","compatibility":"### 兼容性 \n\n#### border-left-width 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| thin | 4.0 | 3.93 | 4.11 |\n| medium | 4.0 | 3.93 | 4.11 |\n| thick | 4.0 | 3.93 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-left-width | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-left-width)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-left-width)\n"},"border-radius":{"name":"## border-radius\n","description":"\nCSS 属性 border-radius 允许你设置元素的外边框圆角。当使用一个半径时确定一个圆形，当使用两个半径时确定一个椭圆。这个（椭）圆与边框的交集形成圆角效果。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-radius: {1,4} [ / {1,4} ]?;\n```\n","values":"","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-radius | √（ 4 ） | √（ 12 ） | √（ 4 ） | √（ 10.5 ） | √（ 5 ） | √（ 9 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-radius)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-radius)\n"},"border-right":{"name":"## border-right\n","description":"\nCSS 属性 border-right 是属性border-right-color, border-right-style, 和border-right-width的三者的缩写。这些属性都是在描述一个元素的右边的边框border。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-right: || || ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-right | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 9.2 ） | √（ 1 ） | √（ 5.5 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-right)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-right)\n"},"border-right-color":{"name":"## border-right-color\n","description":"\nborder-right-color CSS 属性用来设置元素右边的 border. 这个属性的值也可以通过简写的 CSS 属性 border-color 或border-right来设置。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-right-color: ;\n```\n","values":"","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-right-color | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-right-color)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-right-color)\n"},"border-right-style":{"name":"## border-right-style\n","description":"\nborder-right-style 是 border 中的一个 CSS 子属性，描述的是右边框的样式 border.\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-right-style: ;\n```\n","values":"\n### border-right-style 的属性值\n`none`
和关键字 hidden 类似，不显示边框。在这种情况下，如果没有设定背景图片，border-width 计算后的值将是 0，即使先前已经指定过它的值。在单元格边框重叠情况下，none 值优先级最低，意味着如果存在其他的重叠边框，则会显示为那个边框。


`solid`
显示为一条实线。


`dashed`
显示为一系列短的方形虚线。标准中没有定义线段的长度和大小，视不同实现而定。


`dotted`
显示为一系列圆点。标准中没有定义两点之间的间隔大小，视不同实现而定。圆点半径是 border-width 计算值的一半。\n","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### border-right-style 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| none | 4.0 | 3.9 | 4.11 |\n| solid | 4.0 | 3.9 | 4.11 |\n| dashed | 4.0 | 3.9 | 4.11 |\n| dotted | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-right-style | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 9.2 ） | √（ 1 ） | √（ 5.5 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-right-style)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-right-style)\n"},"border-right-width":{"name":"## border-right-width\n","description":"\nCSS 的**border-right-width** 用来设置盒子右边框的宽度。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-right-width: ;\n```\n","values":"\n### border-right-width 的属性值\n`thin`
细边线


`medium`
中等边线


`thick`
宽边线\n","defaultValue":"### 默认值 @default-value \n `medium`","unixTags":"","compatibility":"### 兼容性 \n\n#### border-right-width 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| thin | 4.0 | 3.93 | 4.11 |\n| medium | 4.0 | 3.93 | 4.11 |\n| thick | 4.0 | 3.93 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-right-width | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-right-width)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-right-width)\n"},"border-style":{"name":"## border-style\n","description":"\nborder-style 是一个 CSS 简写属性，用来设定元素所有边框的样式。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-style: {1,4};\n```\n","values":"\n### border-style 的属性值\n`none`
和关键字 hidden 类似，不显示边框。在这种情况下，如果没有设定背景图片，border-width 计算后的值将是 0，即使先前已经指定过它的值。在单元格边框重叠情况下，none 值优先级最低，意味着如果存在其他的重叠边框，则会显示为那个边框。


`solid`
显示为一条实线。


`dashed`
显示为一系列短的方形虚线。标准中没有定义线段的长度和大小，视不同实现而定。


`dotted`
显示为一系列圆点。标准中没有定义两点之间的间隔大小，视不同实现而定。圆点半径是 border-width 计算值的一半。\n","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### border-style 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| none | 4.0 | 3.9 | 4.11 |\n| solid | 4.0 | 3.9 | 4.11 |\n| dashed | 4.0 | 3.9 | 4.11 |\n| dotted | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-style | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-style)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-style)\n"},"border-top":{"name":"## border-top\n","description":"\nCSS 属性 border-top是属性 border-top-color, border-top-style, 和border-top-width 的三者的缩写。这些属性都是在描述一个元素的上方的边框border。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-top: || || ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-top | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-top)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-top)\n"},"border-top-color":{"name":"## border-top-color\n","description":"\nborder-top-color 属性用以设置某元素顶部 border的颜色。通常，用border-color 或 border-top 设置该颜色更为便捷可取。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-top-color: ;\n```\n","values":"","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-top-color | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-top-color)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-top-color)\n"},"border-top-left-radius":{"name":"## border-top-left-radius\n","description":"\nborder-top-left-radius 用来设置元素左上角的圆角效果。这段圆弧（角）可以是圆或椭圆的一部分。如果其中有一个值为 0，那么将无圆角效果（见 border-top-left-radius 取值方式)。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-top-left-radius: {1,2};\n```\n","values":"","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-top-left-radius | √（ 4 ） | √（ 12 ） | √（ 4 ） | √（ 10.5 ） | √（ 5 ） | √（ 9 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-top-left-radius)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-top-left-radius)\n"},"border-top-right-radius":{"name":"## border-top-right-radius\n","description":"\nborder-top-right-radius 属性设置元素的右上角弧形，这个圆弧可能是一个椭圆，或者其中一个值是 0 的话，就是没有圆弧，换句话就是说拐角是方形的。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-top-right-radius: {1,2};\n```\n","values":"","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-top-right-radius | √（ 4 ） | √（ 12 ） | √（ 4 ） | √（ 10.5 ） | √（ 5 ） | √（ 9 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-top-right-radius)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-top-right-radius)\n"},"border-top-style":{"name":"## border-top-style\n","description":"\nborder-top-style CSS 设置元素上边框的 border.\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-top-style: ;\n```\n","values":"\n### border-top-style 的属性值\n`none`
和关键字 hidden 类似，不显示边框。在这种情况下，如果没有设定背景图片，border-width 计算后的值将是 0，即使先前已经指定过它的值。在单元格边框重叠情况下，none 值优先级最低，意味着如果存在其他的重叠边框，则会显示为那个边框。


`solid`
显示为一条实线。


`dashed`
显示为一系列短的方形虚线。标准中没有定义线段的长度和大小，视不同实现而定。


`dotted`
显示为一系列圆点。标准中没有定义两点之间的间隔大小，视不同实现而定。圆点半径是 border-width 计算值的一半。\n","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### border-top-style 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| none | 4.0 | 3.9 | 4.11 |\n| solid | 4.0 | 3.9 | 4.11 |\n| dashed | 4.0 | 3.9 | 4.11 |\n| dotted | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-top-style | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 9.2 ） | √（ 1 ） | √（ 5.5 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-top-style)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-top-style)\n"},"border-top-width":{"name":"## border-top-width\n","description":"\ncss 属性 border-top-width 是用于设置盒模型的上边框的宽度\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-top-width: ;\n```\n","values":"\n### border-top-width 的属性值\n`thin`
细边线


`medium`
中等边线


`thick`
宽边线\n","defaultValue":"### 默认值 @default-value \n `medium`","unixTags":"","compatibility":"### 兼容性 \n\n#### border-top-width 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| thin | 4.0 | 3.93 | 4.11 |\n| medium | 4.0 | 3.93 | 4.11 |\n| thick | 4.0 | 3.93 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-top-width | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-top-width)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-top-width)\n"},"border-width":{"name":"## border-width\n","description":"\nborder-width 属性可以设置盒子模型的边框宽度。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nborder-width: {1,4};\n```\n","values":"\n### border-width 的属性值\n`thin`
细边线


`medium`
中等边线


`thick`
宽边线\n","defaultValue":"### 默认值 @default-value \n `medium`","unixTags":"","compatibility":"### 兼容性 \n\n#### border-width 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| thin | 4.0 | 3.93 | 4.11 |\n| medium | 4.0 | 3.93 | 4.11 |\n| thick | 4.0 | 3.93 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| border-width | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/border-width)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.border-width)\n"},"bottom":{"name":"## bottom\n","description":"\nbottom样式属性定义了定位元素下外边距边界与其包含块下边界之间的偏移，非定位元素设置此属性无效。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nbottom: | | auto;\n```\n","values":"\n### bottom 的属性值\n`auto`
对于绝对定位元素，元素将忽略此属性而以top属性为准，如果此时设置height: auto，将基于内容需要的高度设置宽度；如果top也为auto的话，元素的垂直位置就是它假如作为静态 (即 static) 元素时该在的位置。
对于相对定位元素，元素相对正常位置的偏移量将基于top属性；如果top也为auto的话，元素将不会有偏移。\n","defaultValue":"### 默认值 @default-value \n `auto`","unixTags":"","compatibility":"### 兼容性 \n\n#### bottom 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| bottom | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 6 ） | √（ 1 ） | √（ 5 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/bottom)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.bottom)\n"},"box-shadow":{"name":"## box-shadow\n","description":"\nCSS box-shadow 属性用于在元素的框架上添加阴影效果。你可以在同一个元素上设置多个阴影效果，并用逗号将他们分隔开。该属性可设置的值包括阴影的 X 轴偏移量、Y 轴偏移量、模糊半径、扩散半径和颜色。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nbox-shadow: none | #;\n```\n","values":"\n### box-shadow 的属性值\n`inset`
如果没有指定inset，默认阴影在边框外，即阴影向外扩散。
使用 inset 关键字会使得阴影落在盒子内部，这样看起来就像是内容被压低了。此时阴影会在边框之内 (即使是透明边框）、背景之上、内容之下。


`none`
No shadow.\n","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### box-shadow 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| inset | 4.0 | 3.9 | 4.11 |\n| none | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| box-shadow | √（ 10 ） | √（ 12 ） | √（ 4 ） | √（ 10.5 ） | √（ 5.1 ） | √（ 9 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/box-shadow)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.box-shadow)\n"},"box-sizing":{"name":"## box-sizing\n","description":"\nCSS 中的 box-sizing 属性定义了 user agent 应该如何计算一个元素的总宽度和总高度。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nbox-sizing: content-box | border-box;\n```\n","values":"\n### box-sizing 的属性值\n`content-box`
默认值，标准盒子模型。width 与 height 只包括内容的宽和高，不包括边框（border），内边距（padding），外边距（margin）。注意：内边距、边框和外边距都在这个盒子的外部。比如说，.box {width: 350px; border: 10px solid black;} 在浏览器中的渲染的实际宽度将是 370px。
尺寸计算公式：

width = 内容的宽度
height = 内容的高度

宽度和高度的计算值都不包含内容的边框（border）和内边距（padding）。


`border-box`
width 和 height 属性包括内容，内边距和边框，但不包括外边距。这是当文档处于 Quirks 模式 时 Internet Explorer 使用的盒模型。注意，填充和边框将在盒子内 , 例如， .box {width: 350px; border: 10px solid black;} 导致在浏览器中呈现的宽度为 350px 的盒子。内容框不能为负，并且被分配到 0，使得不可能使用 border-box 使元素消失。
尺寸计算公式：

width = border + padding + 内容的宽度
height = border + padding + 内容的高度\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | border-box |\n\n **注意**：W3C 默认值为：content-box","unixTags":"","compatibility":"### 兼容性 \n\n#### box-sizing 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| content-box | 4.0 | 3.9 | 4.11 |\n| border-box | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| box-sizing | √（ 10 ） | √（ 12 ） | √（ 29 ） | √（ 7 ） | √（ 5.1 ） | √（ 8 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/box-sizing)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.box-sizing)\n"},"color":{"name":"## color\n","description":"\ncolor CSS 属性设置文本及文本装饰（text-decoration）的前景色颜色值。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\ncolor: ;\n```\n","values":"\n### color 的属性值\n`currentcolor`
将颜色设置为元素的 color 属性值。但是，如果设置为 color 的值，currentcolor 将被视为 inherit。\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | #000000 |\n\n **注意**：W3C 默认值为：canvastext","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)\n- [input](/component/input.md)\n- [textarea](/component/textarea.md)","compatibility":"### 兼容性 \n\n#### color 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| currentcolor | 4.0 | - | - |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| color | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 3 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/color)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.color)\n"},"display":{"name":"## display\n","description":"\nCSS display 属性设置元素的布局方式，默认值为flex（弹性布局）。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\ndisplay: [ || ] | | | | ;\n```\n","values":"\n### display 的属性值\n`flex`
该元素的行为类似块级元素并且根据弹性盒模型布局它的内容。


`none`
使元素不再显示，其对布局不会有影响（文档渲染得好像这个元素并不存在）。所有的后代元素也不会再显示。为了使元素占据一个它通常占据的空间，但实际上没有渲染任何东西，应该使用 visibility 属性。\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | flex |\n\n **注意**：W3C 默认值为：inline","unixTags":"","compatibility":"### 兼容性 \n\n#### display 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| flex | 4.0 | 3.9 | 4.11 |\n| none | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| display | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1 ） | √（ 4 ） |\n| flex | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/display)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.display)\n"},"flex":{"name":"## flex\n","description":"\nflex CSS 简写属性设置了弹性项目如何增大或缩小以适应其弹性容器中可用的空间。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nflex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ];\n```\n","values":"\n### flex 的属性值\n`initial`
元素会根据自身宽高设置尺寸。它会缩短自身以适应 flex 容器，但不会伸长并吸收 flex 容器中的额外自由空间来适应 flex 容器。相当于将属性设置为\"flex: 0 1 auto\"。


`auto`
元素会根据自身的宽度与高度来确定尺寸，但是会伸长并吸收 flex 容器中额外的自由空间，也会缩短自身来适应 flex 容器。这相当于将属性设置为 \"flex: 1 1 auto\".


`none`
元素会根据自身宽高来设置尺寸。它是完全非弹性的：既不会缩短，也不会伸长来适应 flex 容器。相当于将属性设置为\"flex: 0 0 auto\"。\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | none |\n\n **注意**：W3C 默认值为：initial","unixTags":"","compatibility":"### 兼容性 \n\n#### flex 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| initial | 4.0 | 3.9 | 4.11 |\n| auto | 4.0 | 3.9 | 4.11 |\n| none | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| flex | √（ 29 ） | √（ 12 ） | √（ 20 ） | √（ 12.1 ） | √（ 9 ） | √（ 11 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/flex)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.flex)\n"},"flex-basis":{"name":"## flex-basis\n","description":"\nCSS 属性 flex-basis 指定了 flex 元素在主轴方向上的初始大小。如果不使用 box-sizing 改变盒模型的话，那么这个属性就决定了 flex 元素的内容盒（content-box）的尺寸。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nflex-basis: content | <'width'>;\n```\n","values":"\n### flex-basis 的属性值\n`auto`
参照元素的 `width` 和 `height` 属性计算初始大小。


`content`
基于 flex 的元素的内容自动调整大小。

**备注：**由于最初规范中没有包括这个值，在一些早期的浏览器实现的 flex 布局中，content 值无效，可以利用设置 (width 或 height) 为 auto 达到同样的效果。


备注： 简史

最初，\"flex-basis:auto\" 的含义是 \"参照我的width和height属性\".
在此之后，\"flex-basis:auto\" 的含义变成了自动尺寸，而 \"main-size\" 变成了 \"参照我的width和height属性\"。实际执行于 bug 1032922.
然后呢，这个更改又在 bug 1093316 中被撤销了，所以 \"auto\" 变回了原来的含义; 而一个新的关键字 'content' 变成了自动尺寸。 (Firefox bug 1105111 包括了增加这个关键字).\n","defaultValue":"### 默认值 @default-value \n `auto`","unixTags":"","compatibility":"### 兼容性 \n\n#### flex-basis 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | 3.9 | 4.11 |\n| content | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| flex-basis | √（ 29 ） | √（ 12 ） | √（ 22 ） | √（ 12.1 ） | √（ 9 ） | √（ 11 ） |\n| content | √（ 29 ） | √（ 12 ） | √（ 22 ） | √（ 12.1 ） | √（ 9 ） | √（ 11 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/flex-basis)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.flex-basis)\n"},"flex-direction":{"name":"## flex-direction\n","description":"\nCSS flex-direction 属性指定了内部元素是如何在 flex 容器中布局的，定义了主轴的方向 (正方向或反方向)。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nflex-direction: row | row-reverse | column | column-reverse;\n```\n","values":"\n### flex-direction 的属性值\n`row`
flex 容器的主轴被定义为与文本方向相同。主轴起点和主轴终点与内容方向相同。


`row-reverse`
表现和 row 相同，但是置换了主轴起点和主轴终点


`column`
flex 容器的主轴和块轴相同。主轴起点与主轴终点和书写模式的前后点相同


`column-reverse`
表现和column相同，但是置换了主轴起点和主轴终点\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | column |\n\n **注意**：W3C 默认值为：row","unixTags":"### 适用组件 @unix-tags \n - [view](/component/view.md)\n- [scroll-view](/component/scroll-view.md)\n- [list-item](/component/list-item.md)\n- [swiper-item](/component/swiper-item.md)\n- [navigator](/component/navigator.md)","compatibility":"### 兼容性 \n\n#### flex-direction 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| row | 4.0 | 3.9 | 4.11 |\n| row-reverse | 4.0 | 3.9 | 4.11 |\n| column | 4.0 | 3.9 | 4.11 |\n| column-reverse | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| flex-direction | √（ 29 ） | √（ 12 ） | √（ 81 ） | √（ 12.1 ） | √（ 9 ） | √（ 11 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/flex-direction)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.flex-direction)\n"},"flex-flow":{"name":"## flex-flow\n","description":"\nCSS flex-flow 属性是 flex-direction 和 flex-wrap 的简写。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nflex-flow: <'flex-direction'> || <'flex-wrap'>;\n```\n","values":"\n### flex-flow 的属性值\n`column`
主轴为垂直方向，起点在上沿。


`column-reverse`
主轴为垂直方向（与column相同），起点在下沿（与column相反）。


`row`
主轴为水平方向，起点在左端。


`row-reverse`
主轴为水平方向（与row相同），起点在右端（与row相反）。


`nowrap`
不换行。


`wrap`
换行，第一行在上方。


`wrap-reverse`
换行（与wrap相同），第一行在下方（与wrap相反）。\n","defaultValue":"","unixTags":"### 适用组件 @unix-tags \n - [view](/component/view.md)\n- [scroll-view](/component/scroll-view.md)\n- [list-view](/component/list-view.md)\n- [list-item](/component/list-item.md)\n- [swiper-item](/component/swiper-item.md)\n- [navigator](/component/navigator.md)","compatibility":"### 兼容性 \n\n#### flex-flow 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| column | 4.0 | 3.9 | 4.11 |\n| column-reverse | 4.0 | 3.9 | 4.11 |\n| row | 4.0 | 3.9 | 4.11 |\n| row-reverse | 4.0 | 3.9 | 4.11 |\n| nowrap | 4.0 | 3.9 | 4.11 |\n| wrap | 4.0 | 3.9 | 4.11 |\n| wrap-reverse | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| flex-flow | √（ 29 ） | √（ 12 ） | √（ 28 ） | √（ 12.1 ） | √（ 9 ） | √（ 11 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/flex-flow)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.flex-flow)\n"},"flex-grow":{"name":"## flex-grow\n","description":"\nCSS 属性 flex-grow CSS 设置 flex 项 主尺寸 的 flex 增长系数。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nflex-grow: ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| flex-grow | √（ 29 ） | √（ 12 ） | √（ 20 ） | √（ 12.1 ） | √（ 9 ） | √（ 11 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/flex-grow)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.flex-grow)\n"},"flex-shrink":{"name":"## flex-shrink\n","description":"\nCSS flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nflex-shrink: ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | 0 |\n\n **注意**：W3C 默认值为：1","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| flex-shrink | √（ 29 ） | √（ 12 ） | √（ 20 ） | √（ 12.1 ） | √（ 9 ） | √（ 10 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/flex-shrink)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.flex-shrink)\n"},"flex-wrap":{"name":"## flex-wrap\n","description":"\nCSS 的 flex-wrap 属性指定 flex 元素单行显示还是多行显示。如果允许换行，这个属性允许你控制行的堆叠方向。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nflex-wrap: nowrap | wrap | wrap-reverse;\n```\n","values":"\n### flex-wrap 的属性值\n`nowrap`
flex 的元素被摆放到到一行，这可能导致 flex 容器溢出。cross-start 会根据 flex-direction 的值等价于 start 或 before。为该属性的默认值。


`wrap`
换行，第一行在上方。


`wrap-reverse`
和 wrap 的行为一样，但是 cross-start 和 cross-end 互换。\n","defaultValue":"### 默认值 @default-value \n `nowrap`","unixTags":"### 适用组件 @unix-tags \n - [view](/component/view.md)\n- [scroll-view](/component/scroll-view.md)\n- [list-item](/component/list-item.md)\n- [swiper-item](/component/swiper-item.md)\n- [navigator](/component/navigator.md)","compatibility":"### 兼容性 \n\n#### flex-wrap 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| nowrap | 4.0 | 3.9 | 4.11 |\n| wrap | 4.0 | 3.9 | 4.11 |\n| wrap-reverse | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| flex-wrap | √（ 29 ） | √（ 12 ） | √（ 28 ） | √（ 17 ） | √（ 9 ） | √（ 11 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/flex-wrap)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.flex-wrap)\n"},"font-family":{"name":"## font-family\n","description":"\nCSS 属性 font-family 允许你通过给定一个有先后顺序的，由字体名或者字体族名组成的列表来为选定的元素设置字体。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nfont-family: ;\n```\n","values":"\n### font-family 的属性值\n`cursive`
草书字体。这种字体有的有连笔，有的还有特殊的斜体效果。因为一般这种字体都有一点连笔效果，所以会给人一种手写的感觉。
例如：Brush Script MT、Brush Script Std、Lucida Calligraphy、Lucida Handwriting、Apple Chancery、cursive。


`fantasy`
Fantasy 字体主要是那些具有特殊艺术效果的字体。
例如：Papyrus、Herculanum、Party LET、Curlz MT、Harrington、fantasy。


`monospace`
等宽字体，即字体中每个字宽度相同。
例如：Fira Mono、DejaVu Sans Mono、Menlo、Consolas、Liberation Mono、Monaco、Lucida Console、monospace。


`sans-serif`
无衬线字体，即笔画结尾是平滑的字体。
例如：Open Sans、Fira Sans、Lucida Sans、Lucida Sans Unicode、Trebuchet MS、Liberation Sans、Nimbus Sans L、sans-serif。


`serif`
带衬线字体，笔画结尾有特殊的装饰线或衬线。
例如：Lucida Bright、Lucida Fax、Palatino、Palatino Linotype、Palladio、URW Palladio、serif。\n","defaultValue":"","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)\n- [input](/component/input.md)\n- [textarea](/component/textarea.md)","compatibility":"### 兼容性 \n\n#### font-family 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| cursive | 4.0 | 3.9 | 4.11 |\n| fantasy | 4.0 | 3.9 | 4.11 |\n| monospace | 4.0 | 3.9 | 4.11 |\n| sans-serif | 4.0 | 3.9 | 4.11 |\n| serif | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| font-family | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 3 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/font-family)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.font-family)\n"},"font-size":{"name":"## font-size\n","description":"\nfont-size CSS 属性设置字体大小。更改字体大小还会更新字体大小相关的 `` 单位，例如 line-height 属性的 em 单位值。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nfont-size: | | ;\n```\n","values":"\n### font-size 的属性值\n`large`
基于用户默认字体大小（medium）的绝对大小关键字。


`larger`
相对大小关键字。字体大小将相对于父元素的字体大小变大或变小，大致按照上面用于区分绝对大小关键字的比率。


`medium`
基于用户默认字体大小（medium）的绝对大小关键字。


`small`
基于用户默认字体大小（medium）的绝对大小关键字。


`smaller`
相对大小关键字。字体大小将相对于父元素的字体大小变大或变小，大致按照上面用于区分绝对大小关键字的比率。


`x-large`
基于用户默认字体大小（medium）的绝对大小关键字。


`x-small`
基于用户默认字体大小（medium）的绝对大小关键字。


`xx-large`
基于用户默认字体大小（medium）的绝对大小关键字。


`xx-small`
基于用户默认字体大小（medium）的绝对大小关键字。


`xxx-large`
基于用户默认字体大小（medium）的绝对大小关键字。


`math`
使用特殊的数学缩放规则来确定 font-size 属性的计算值。\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | 16px |\n\n **注意**：W3C 默认值为：medium","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)\n- [input](/component/input.md)\n- [textarea](/component/textarea.md)","compatibility":"### 兼容性 \n\n#### font-size 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| large | 4.0 | - | - |\n| larger | 4.0 | - | - |\n| medium | 4.0 | - | - |\n| small | 4.0 | - | - |\n| smaller | 4.0 | - | - |\n| x-large | 4.0 | - | - |\n| x-small | 4.0 | - | - |\n| xx-large | 4.0 | - | - |\n| xx-small | 4.0 | - | - |\n| xxx-large | 4.0 | - | - |\n| math | 4.0 | - | - |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| font-size | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1 ） | √（ 5.5 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/font-size)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.font-size)\n"},"font-style":{"name":"## font-style\n","description":"\nfont-style CSS 属性允许你选择 font-family 字体下的 italic 或 oblique 样式。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nfont-style: normal | italic | oblique {0,2};\n```\n","values":"\n### font-style 的属性值\n`italic`
选择斜体，如果当前字体没有可用的斜体版本，会选用倾斜体（oblique ）替代。


`normal`
选择 font-family 的常规字体。\n","defaultValue":"### 默认值 @default-value \n `normal`","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)","compatibility":"### 兼容性 \n\n#### font-style 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| italic | 4.0 | 3.9 | 4.11 |\n| normal | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| font-style | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/font-style)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.font-style)\n"},"font-weight":{"name":"## font-weight\n","description":"\nfont-weight CSS 属性指定了字体的粗细程度。一些字体只提供 normal 和 bold 两种值。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nfont-weight: {1,2};\n```\n","values":"\n### font-weight 的属性值\n`normal`
正常粗细。与 400 等值。


`bold`
加粗。与 700 等值。


`400`
正常粗细，与 normal 等值。


`700`
加粗，与 bold 等值。\n","defaultValue":"### 默认值 @default-value \n `normal`","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)\n- [input](/component/input.md)\n- [textarea](/component/textarea.md)","compatibility":"### 兼容性 \n\n#### font-weight 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| normal | 4.0 | 3.9 | 4.11 |\n| bold | 4.0 | 3.9 | 4.11 |\n| 400 | 4.0 | 3.9 | 4.11 |\n| 700 | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| font-weight | √（ 2 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 3 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/font-weight)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.font-weight)\n"},"height":{"name":"## height\n","description":"\nheight CSS 属性指定了一个元素的高度。默认情况下，这个属性决定的是内容区（ content area）的高度，但是，如果将 box-sizing 设置为 border-box , 这个属性决定的将是边框区域（border area）的高度。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nheight: {1,2};\n```\n","values":"\n### height 的属性值\n`auto`
由浏览器为元素计算并选择一个高度。


`fit-content`
将 fill-content 公式中的可用位置替换为特定的参数以进行使用，如：min(max-content, max(min-content, ))


`max-content`
设置为允许的最大高度。


`min-content`
设置为允许的最小高度。\n","defaultValue":"### 默认值 @default-value \n `auto`","unixTags":"","compatibility":"### 兼容性 \n\n#### height 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | 3.9 | 4.11 |\n| fit-content | 4.0 | x | x |\n| max-content | 4.0 | x | x |\n| min-content | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| height | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1 ） | √（ 4 ） |\n| fit-content | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1 ） | √（ 4 ） |\n| max-content | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1 ） | √（ 4 ） |\n| min-content | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/height)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.height)\n"},"justify-content":{"name":"## justify-content\n","description":"\nCSS justify-content 属性定义浏览器如何沿着弹性容器的主轴和网格容器的行向轴分配内容元素之间和周围的空间。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\njustify-content: normal | | ? [ | left | right ];\n```\n","values":"\n### justify-content 的属性值\n`center`
元素紧密地排列在主轴方向居中对齐


`flex-start`
元素紧密地排列在容器主轴起始侧


`flex-end`
元素紧密地排列在容器主轴结束侧


`space-between`
在主轴上均匀分配元素。相邻元素间距离相同。第一个元素与主轴首对齐，最后一个元素与主轴尾对齐


`space-around`
元素沿着主轴均匀分布在容器中。相邻项之间的间距，主轴起始位置到第一个元素的间距，主轴结束位置到最后一个元素的间距，都完全一样\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | flex-start |\n\n **注意**：W3C 默认值为：normal","unixTags":"### 适用组件 @unix-tags \n - [view](/component/view.md)\n- [scroll-view](/component/scroll-view.md)\n- [list-view](/component/list-view.md)\n- [list-item](/component/list-item.md)\n- [swiper-item](/component/swiper-item.md)\n- [navigator](/component/navigator.md)","compatibility":"### 兼容性 \n\n#### justify-content 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| center | 4.0 | 3.9 | 4.11 |\n| flex-start | 4.0 | 3.9 | 4.11 |\n| flex-end | 4.0 | 3.9 | 4.11 |\n| space-between | 4.0 | 3.9 | 4.11 |\n| space-around | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| justify-content | √（ 29 ） | √（ 12 ） | √（ 20 ） | √（ 12.1 ） | √（ 9 ） | √（ 11 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/justify-content)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.justify-content)\n"},"left":{"name":"## left\n","description":"\nCSS **left**属性定义了定位元素的左外边距边界与其包含块左边界之间的偏移，非定位元素设置此属性无效。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nleft: | | auto;\n```\n","values":"\n### left 的属性值\n`auto`
这个关键字表示：

对于绝对定位元素，元素将忽略此属性而以right属性为准，如果此时设置width: auto，将基于内容需要的宽度设置宽度；如果right也为auto的话，元素的水平位置就是它假如作为静态 (即 static) 元素时该在的位置。
对于相对定位元素，元素相对正常位置的偏移量将基于right属性；如果right也为auto的话，元素将不会有偏移。\n","defaultValue":"### 默认值 @default-value \n `auto`","unixTags":"","compatibility":"### 兼容性 \n\n#### left 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| left | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 5 ） | √（ 1 ） | √（ 5.5 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/left)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.left)\n"},"letter-spacing":{"name":"## letter-spacing\n","description":"\nCSS 的 letter-spacing 属性用于设置文本字符的间距表现。在渲染文本时添加到字符之间的自然间距中。letter-spacing 的正值会导致字符分布得更远，而 letter-spacing 的负值会使字符更接近。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nletter-spacing: normal | ;\n```\n","values":"\n### letter-spacing 的属性值\n`normal`
此间距是按照当前字体的正常间距确定的。和 0 不同的是，normal 会让用户代理调整文字之间空间来对齐文字。\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | 0 |\n\n **注意**：W3C 默认值为：normal","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)","compatibility":"### 兼容性 \n\n#### letter-spacing 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| normal | 4.0 | - | - |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| letter-spacing | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/letter-spacing)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.letter-spacing)\n"},"line-height":{"name":"## line-height\n","description":"\nline-height CSS 属性用于设置多行元素的空间量，如多行文本的间距。对于块级元素，它指定元素行盒（line boxes）的最小高度。对于非替代的 inline 元素，它用于计算行盒（line box）的高度。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nline-height: normal | | | ;\n```\n","values":"\n### line-height 的属性值\n`normal`
取决于用户代理。桌面浏览器（包括 Firefox）使用默认值，约为 1.2，这取决于元素的 font-family。\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | 1.2 |\n\n **注意**：W3C 默认值为：normal","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)\n- [textarea](/component/textarea.md)","compatibility":"### 兼容性 \n\n#### line-height 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| normal | 4.0 | - | - |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| line-height | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/line-height)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.line-height)\n"},"lines":{"name":"## lines\n","description":"\ntext 组件专有样式，设置文本组件最大行数\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| x | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nlines: ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n `-1`","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)\n- [input](/component/input.md)\n- [textarea](/component/textarea.md)","compatibility":"","reference":"\n### 参见\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.lines)\n"},"margin":{"name":"## margin\n","description":"\nmargin 属性为给定元素设置所有四个（上下左右）方向的外边距属性。也就是 margin-top，margin-right，margin-bottom，和 margin-left 四个外边距属性设置的简写。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nmargin: [ | | auto ]{1,4};\n```\n","values":"\n### margin 的属性值\n`auto`
让浏览器自己选择一个合适的外边距。有时，在一些特殊情况下，该值可以使元素居中。\n","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### margin 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| margin | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 3 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/margin)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.margin)\n"},"margin-bottom":{"name":"## margin-bottom\n","description":"\nmargin-bottom 属性设置与元素相关联的盒子模型的下外边距。可以为负值\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nmargin-bottom: | | auto;\n```\n","values":"\n### margin-bottom 的属性值\n`auto`
由浏览器自己选择一个合适的值。参见 margin。\n","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### margin-bottom 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| margin-bottom | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 3 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/margin-bottom)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.margin-bottom)\n"},"margin-left":{"name":"## margin-left\n","description":"\nmargin-left 属性 设置与元素相关联的盒子模型的左外边距。这个值可以为负值。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nmargin-left: | | auto;\n```\n","values":"\n### margin-left 的属性值\n`auto`
auto 关键词表示在当前布局模式下，浏览器根据接收的左边距自动计算出外边距。如果有几组 margin-left 和 margin-right 设置为 auto，那么最后计算的空间分布，会根据 display，float，position 属性，自动生成以下几种情况：



Value of display
Value of float
Value of position
Computed value of auto
Comment




inline, inline-block, inline-table
any
static or relative
0
Inline layout mode


block, inline, inline-block, block, table, inline-table, list-item, table-caption
any
static or relative
0, 除非margin-left和 margin-right 同时都设置为 auto。这样的话，元素就被设置为基于父元素居中。
Block layout mode


block, inline, inline-block, block, table, inline-table, list-item, table-caption
left or right
static or relative
0
Block layout mode (floating element)


any table-*, except table-caption
any
any
0
Internal table-* elements don't have margins, use border-spacing instead


any, except flex, inline-flex, or table-*
any
fixed or absolute
0, except if both margin-left and margin-right are set to auto. In this case, it is set to the value centering the border area inside the available width, if fixed.
Absolutely positioned layout mode


flex, inline-flex
any
any
在水平方向上有空余空间的情况下，空余的空间会被平均分给水平方向上写有 margin-left:auto 属性的元素的外边距
Flexbox layout mode\n","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### margin-left 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| margin-left | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 3 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/margin-left)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.margin-left)\n"},"margin-right":{"name":"## margin-right\n","description":"\nmargin-right 属性 设置与元素相关联的盒子模型的右外边距。这个值可以为负值。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nmargin-right: | | auto;\n```\n","values":"\n### margin-right 的属性值\n`auto`
auto 关键词表示在当前布局模式下，浏览器根据接收的左边距自动计算出外边距。如果有几组 margin-left 和 margin-right 设置为 auto，那么最后计算的空间分布，会根据 display，float，position 属性，自动生成以下几种情况：



Value of display
Value of float
Value of position
Computed value of auto
Comment




inline, inline-block, inline-table
any
static or relative
0
Inline layout mode


block, inline, inline-block, block, table, inline-table, list-item, table-caption
any
static or relative
0, except if both margin-left and margin-right are set to auto. In this case, it is set to the value centering the element inside its parent.
Block layout mode


block, inline, inline-block, block, table, inline-table, list-item, table-caption
left or right
static or relative
0
Block layout mode (floating element)


any table-*, except table-caption
any
any
0
Internal table-* elements don't have margins, use border-spacing instead


any, except flex, inline-flex, or table-*
any
fixed or absolute
0, except if both margin-left and margin-right are set to auto. In this case, it is set to the value centering the border area inside the available width, if fixed.
Absolutely positioned layout mode


flex, inline-flex
any
any
0, except if there is any positive horizontal free space. In this case, it is evenly distributed to all horizontal auto margins.
Flexbox layout mode\n","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### margin-right 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| margin-right | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 3 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/margin-right)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.margin-right)\n"},"margin-top":{"name":"## margin-top\n","description":"\nmargin-top CSS 属性用于设置元素的顶部外边距外边距区域。正值使它离相邻元素更远，而负值使它更靠近相邻元素。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nmargin-top: | | auto;\n```\n","values":"\n### margin-top 的属性值\n`auto`
浏览器选择一个合适的值来使用。参见 margin。\n","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### margin-top 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| margin-top | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 3 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/margin-top)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.margin-top)\n"},"max-height":{"name":"## max-height\n","description":"\nCSS属性 max-height 设置元素的最大高度。它防止height属性的使用值（used value）大于 max-height 的指定值。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nmax-height: ;\n```\n","values":"\n### max-height 的属性值\n`fit-content`
元素的最大高度根据内容可用高度自适应，当不会超过内容的最大高度 `max-content` 值。


`max-content`
元素的最大高度可以扩展到内容的最大高度。


`min-content`
元素的最大高度限制在内容的最小高度之内。


`auto`
元素的高度可以根据其内容的高度自动扩展，但仍然受到其他相关属性（如 `height` 和 `min-height`）的影响。如果没有其他限制，元素的高度将扩展以适应内容。


`none`
元素的高度不再受到任何最大高度的限制，即使元素的内容很多，也会根据内容的大小来自动扩展。\n","defaultValue":"### 默认值 @default-value \n `none`","unixTags":"","compatibility":"### 兼容性 \n\n#### max-height 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| fit-content | 4.0 | x | x |\n| max-content | 4.0 | x | x |\n| min-content | 4.0 | x | x |\n| auto | 4.0 | x | x |\n| none | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| max-height | √（ 18 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1.3 ） | √（ 7 ） |\n| fit-content | √（ 18 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1.3 ） | √（ 7 ） |\n| max-content | √（ 18 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1.3 ） | √（ 7 ） |\n| min-content | √（ 18 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1.3 ） | √（ 7 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/max-height)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.max-height)\n"},"max-width":{"name":"## max-width\n","description":"\nmax-width 属性用来给元素设置最大宽度值。定义了 max-width 的元素会在达到 max-width 值之后避免进一步按照 width 属性设置变大。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nmax-width: ;\n```\n","values":"\n### max-width 的属性值\n`fit-content`
与 max-content 等价。


`max-content`
元素的最大宽度可以扩展到内容的最大宽度。


`min-content`
元素的最大宽度限制在内容的最小宽度之内。


`auto`
浏览器将通过计算为指定元素选择一个 max-width 值。


`none`
元素未设置最大值\n","defaultValue":"### 默认值 @default-value \n `none`","unixTags":"","compatibility":"### 兼容性 \n\n#### max-width 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| fit-content | 4.0 | x | x |\n| max-content | 4.0 | x | x |\n| min-content | 4.0 | x | x |\n| auto | 4.0 | x | x |\n| none | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| max-width | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 4 ） | √（ 1 ） | √（ 7 ） |\n| fit-content | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 4 ） | √（ 1 ） | √（ 7 ） |\n| max-content | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 4 ） | √（ 1 ） | √（ 7 ） |\n| min-content | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 4 ） | √（ 1 ） | √（ 7 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/max-width)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.max-width)\n"},"min-height":{"name":"## min-height\n","description":"\nCSS 属性 min-height 能够设置元素的最小高度。这样能够防止 height 属性的应用值小于 min-height 的值。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nmin-height: ;\n```\n","values":"\n### min-height 的属性值\n`fit-content`
元素的高度将自动调整为适应内容的大小，但不会小于内容的最小高度 `min-content` 值。


`max-content`
元素的最小高度不会小于内容的最大高度。


`min-content`
元素的最小高度不会小于内容的最小高度。


`auto`
浏览器将通过计算为指定元素选择一个 min-height 值。


`none`
不限制盒容器的尺寸。\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | 0px |\n\n **注意**：W3C 默认值为：auto","unixTags":"","compatibility":"### 兼容性 \n\n#### min-height 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| fit-content | 4.0 | x | x |\n| max-content | 4.0 | x | x |\n| min-content | 4.0 | x | x |\n| auto | 4.0 | x | x |\n| none | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| min-height | √（ 1 ） | √（ 12 ） | √（ 3 ） | √（ 4 ） | √（ 1.3 ） | √（ 7 ） |\n| fit-content | √（ 1 ） | √（ 12 ） | √（ 3 ） | √（ 4 ） | √（ 1.3 ） | √（ 7 ） |\n| max-content | √（ 1 ） | √（ 12 ） | √（ 3 ） | √（ 4 ） | √（ 1.3 ） | √（ 7 ） |\n| min-content | √（ 1 ） | √（ 12 ） | √（ 3 ） | √（ 4 ） | √（ 1.3 ） | √（ 7 ） |\n| auto | √（ 1 ） | √（ 12 ） | √（ 3 ） | √（ 4 ） | √（ 1.3 ） | √（ 7 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/min-height)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.min-height)\n"},"min-width":{"name":"## min-width\n","description":"\nmin-width 属性为给定元素设置最小宽度。它可以阻止 width 属性的应用值小于 min-width 的值。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nmin-width: ;\n```\n","values":"\n### min-width 的属性值\n`fit-content`
等同于 min(max-content, max(min-content, fill-available).


`max-content`
固有首选宽度。


`min-content`
固有最小宽度


`auto`
用于弹性元素的默认最小宽度。相比其他布局中以0为默认值，auto能为弹性布局指明更合理的默认表现。


`none`
元素未设置最小值\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | 0px |\n\n **注意**：W3C 默认值为：auto","unixTags":"","compatibility":"### 兼容性 \n\n#### min-width 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| fit-content | 4.0 | x | x |\n| max-content | 4.0 | x | x |\n| min-content | 4.0 | x | x |\n| auto | 4.0 | x | x |\n| none | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| min-width | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 4 ） | √（ 1 ） | √（ 7 ） |\n| fit-content | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 4 ） | √（ 1 ） | √（ 7 ） |\n| max-content | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 4 ） | √（ 1 ） | √（ 7 ） |\n| min-content | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 4 ） | √（ 1 ） | √（ 7 ） |\n| auto | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 4 ） | √（ 1 ） | √（ 7 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/min-width)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.min-width)\n"},"opacity":{"name":"## opacity\n","description":"\nopacity 属性指定了一个元素的不透明度。换言之，opacity 属性指定了一个元素后面的背景的被覆盖程度。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nopacity: ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n `1`","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| opacity | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 9 ） | √（ 2 ） | √（ 9 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/opacity)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.opacity)\n"},"overflow":{"name":"## overflow\n","description":"\noverflow 是 CSS 的简写属性，其设置了元素溢出时所需的行为——即当元素的内容太大而无法适应它的块级格式化上下文时。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\noverflow: [ visible | hidden | clip | scroll | auto ]{1,2};\n```\n","values":"\n### overflow 的属性值\n`visible`
暂时仅view组件支持visible，其他组件支持不支持


`hidden`
如果需要，内容将被裁减以适应边距（padding）盒。不提供滚动条，也不支持允许用户滚动（例如通过拖拽或者使用滚轮）。内容可以以编程的方式滚动（例如，通过设置 scrollLeft 等属性的值或 scrollTo() 方法）, 因此该元素仍然是一个滚动的容器。


`scroll`
如果需要，内容将被裁减以适应边距（padding）盒。无论是否实际裁剪了任何内容，浏览器总是显示滚动条，以防止滚动条在内容改变时出现或者消失。打印机可能会打印溢出的内容。


`auto`
取决于用户代理。如果内容适应边距（padding）盒，它看起来与 visible 相同，但是仍然建立了一个新的块级格式化上下文。如果内容溢出，则浏览器提供滚动条。


`clip`
类似于 hidden，内容将以元素的边距（padding）盒进行裁剪。clip 和 hidden 之间的区别是 clip 关键字禁止所有滚动，包括以编程方式的滚动。该盒子不是一个滚动的容器，并且不会启动新的格式化上下文。如果你希望开启一个新的格式化上下文，你可以使用 display: flow-root 来这样做。\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | hidden |\n\n **注意**：W3C 默认值为：visible","unixTags":"","compatibility":"### 兼容性 \n\n#### overflow 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| visible | 4.0 | 3.9 | 4.11 |\n| hidden | 4.0 | 3.9 | 4.11 |\n| scroll | 4.0 | x | x |\n| auto | 4.0 | x | x |\n| clip | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| overflow | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 7 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/overflow)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.overflow)\n"},"padding":{"name":"## padding\n","description":"\npadding CSS 简写属性控制元素所有四条边的内边距区域。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\npadding: [ | ]{1,4};\n```\n","values":"","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| padding | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/padding)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.padding)\n"},"padding-bottom":{"name":"## padding-bottom\n","description":"\nCSS 属性 padding-bottom 是指一个元素在内边距区域（padding area）中下方的高度。内边距（padding）是指一个元素的内容和边框之间的区域。和外边距（margin）不同，内边距（padding）是不允许有负值的。内边距（padding）可以用四个值声明一个元素的四个方向的内边距（paddings），这是一种 CSS 缩写属性。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\npadding-bottom: | ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| padding-bottom | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/padding-bottom)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.padding-bottom)\n"},"padding-left":{"name":"## padding-left\n","description":"\nCSS 属性 padding-left 是指一个元素在内边距区域（padding area）中左边的宽度。内边距（padding）是指一个元素的内容和边框之间的区域。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\npadding-left: | ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| padding-left | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/padding-left)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.padding-left)\n"},"padding-right":{"name":"## padding-right\n","description":"\nCSS 属性 padding-right 是指一个元素在内边距区域（padding area）中右边的宽度。内边距（padding）是指一个元素的内容和边框之间的区域。和外边距（margin）不同，内边距（padding）是不允许有负值的。内边距（padding）可以用四个值声明一个元素的四个方向的内边距（paddings），这是一种 CSS 缩写属性。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\npadding-right: | ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| padding-right | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/padding-right)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.padding-right)\n"},"padding-top":{"name":"## padding-top\n","description":"\nCSS 属性 padding-top 是指一个元素在内边距区域（padding area）中上方的高度。内边距（padding）是指一个元素的内容和边框之间的区域。和外边距（margin）不同，内边距（padding）是不允许有负值的。内边距（padding）可以用四个值声明一个元素的四个方向的内边距（paddings），这是一种 CSS 缩写属性。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\npadding-top: | ;\n```\n","values":"","defaultValue":"### 默认值 @default-value \n `0`","unixTags":"","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| padding-top | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/padding-top)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.padding-top)\n"},"pointer-events":{"name":"## pointer-events\n","description":"\npointer-events CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target (en-US)。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\npointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit;\n```\n","values":"\n### pointer-events 的属性值\n`auto`
与pointer-events属性未指定时的表现效果相同，对于 SVG 内容，该值与visiblePainted效果相同


`none`
元素永远不会成为鼠标事件的target (en-US)。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。\n","defaultValue":"### 默认值 @default-value \n `auto`","unixTags":"","compatibility":"### 兼容性 \n\n#### pointer-events 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | 3.9 | 4.11 |\n| none | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| pointer-events | √（ 1 ） | √（ 12 ） | √（ 1.5 ） | √（ 9 ） | √（ 4 ） | √（ 11 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/pointer-events)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.pointer-events)\n"},"position":{"name":"## position\n","description":"\nCSS position 属性用于指定一个元素在文档中的定位方式。top，right，bottom 和 left 属性则决定了该元素的最终位置。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nposition: static | relative | absolute | sticky | fixed;\n```\n","values":"\n### position 的属性值\n`relative`
该关键字下，元素先放置在未添加定位时的位置，再在不改变页面布局的前提下调整元素位置（因此会在此元素未添加定位时所在位置留下空白）。position:relative 对 table-*-group, table-row, table-column, table-cell, table-caption 元素无效。


`absolute`
元素会被移出正常文档流，并不为元素预留空间，通过指定元素相对于最近的非 static 定位祖先元素的偏移，来确定元素位置。绝对定位的元素可以设置外边距（margins），且不会与其他边距合并。


`fixed`
元素会被移出正常文档流，并不为元素预留空间，而是通过指定元素相对于屏幕视口（viewport）的位置来指定元素位置。元素的位置在屏幕滚动时不会改变。打印时，元素会出现在的每页的固定位置。fixed 属性会创建新的层叠上下文。当元素祖先的 transform、perspective、filter 或 backdrop-filter 属性非 none 时，容器由视口改为该祖先。


`static`
该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。此时 top, right, bottom, left 和 z-index 属性无效。


`sticky`
元素根据正常文档流进行定位，然后相对它的最近滚动祖先（nearest scrolling ancestor）和 containing block（最近块级祖先 nearest block-level ancestor），包括 table-related 元素，基于 top、right、bottom 和 left 的值进行偏移。偏移值不会影响任何其他元素的位置。
该值总是创建一个新的层叠上下文（stacking context）。注意，一个 sticky 元素会“固定”在离它最近的一个拥有“滚动机制”的祖先上（当该祖先的 overflow 是 hidden、scroll、auto 或 overlay 时），即便这个祖先不是最近的真实可滚动祖先。这有效地抑制了任何“sticky”行为（详情见 Github issue on W3C CSSWG）。\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue | relative |\n\n **注意**：W3C 默认值为：static","unixTags":"","compatibility":"### 兼容性 \n\n#### position 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| relative | 4.0 | 3.9 | 4.11 |\n| absolute | 4.0 | 3.9 | 4.11 |\n| fixed | 4.0 | 3.9 | 4.11 |\n| static | 4.0 | x | x |\n| sticky | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| position | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 4 ） | √（ 1 ） | √（ 4 ） |\n| sticky | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 4 ） | √（ 1 ） | √（ 4 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/position)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.position)\n"},"right":{"name":"## right\n","description":"\nright CSS 属性定义了定位元素的右外边距边界与其包含块右边界之间的偏移，非定位元素设置此属性无效。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\nright: | | auto;\n```\n","values":"\n### right 的属性值\n`auto`
这个关键字表示：

对于绝对定位元素，元素将忽略此属性而以 left 属性为准，如果此时设置 width: auto，将基于内容需要的宽度设置宽度；如果 left 也为 auto 的话，元素的水平位置就是它假如作为静态（即 static）元素时该在的位置。
对于相对定位元素，元素相对正常位置的偏移量将基于 left 属性；如果 left 也为 auto 的话，元素将不会有偏移。\n","defaultValue":"### 默认值 @default-value \n `auto`","unixTags":"","compatibility":"### 兼容性 \n\n#### right 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| right | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 5 ） | √（ 1 ） | √（ 5.5 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/right)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.right)\n"},"text-align":{"name":"## text-align\n","description":"\ntext-align CSS 属性设置块元素或者单元格框的行内内容的水平对齐。这意味着其效果和 vertical-align 类似，但是是水平方向的。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\ntext-align: start | end | left | right | center | justify | match-parent;\n```\n","values":"\n### text-align 的属性值\n`left`
行内内容向左侧边对齐。


`center`
行内内容居中。


`right`
行内内容向右侧边对齐。\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue-app | left |\n| uvue-web | left |\n\n **注意**：W3C 默认值为：start","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)\n- [input](/component/input.md)\n- [textarea](/component/textarea.md)","compatibility":"### 兼容性 \n\n#### text-align 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| left | 4.0 | 3.9 | 4.11 |\n| center | 4.0 | 3.9 | 4.11 |\n| right | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| text-align | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 3 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/text-align)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.text-align)\n"},"text-decoration":{"name":"## text-decoration\n","description":"\ntext-decoration 简写 CSS 属性设置文本上的装饰性线条的外观。它是 text-decoration-line、text-decoration-color、text-decoration-style 和较新的 text-decoration-thickness 属性的缩写。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | x | x |\n","syntax":"\n### 语法\n```\ntext-decoration: <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>;\n```\n","values":"\n### text-decoration 的属性值\n`dashed`
虚线。


`dotted`
点划线。


`double`
双实线。


`line-through`
贯穿文本中间的线。


`none`
不画线。


`overline`
在文本的上方的线。


`solid`
实线。


`underline`
下滑线。


`wavy`
波浪线。


`text-decoration-line`
设置使用的装饰类型，例如 underline 或者 line-through。


`text-decoration-color`
设置装饰的颜色。


`text-decoration-style`
设置装饰的线条的颜色，例如 solid、wavy 或者 dashed。


`text-decoration-thickness`
设置用于装饰的线条粗细。\n","defaultValue":"","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)","compatibility":"### 兼容性 \n\n#### text-decoration 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| dashed | 4.0 | - | - |\n| dotted | 4.0 | - | - |\n| double | 4.0 | - | - |\n| line-through | 4.0 | - | - |\n| none | 4.0 | - | - |\n| overline | 4.0 | - | - |\n| solid | 4.0 | - | - |\n| underline | 4.0 | - | - |\n| wavy | 4.0 | - | - |\n| text-decoration-line | 4.0 | - | - |\n| text-decoration-color | 4.0 | - | - |\n| text-decoration-style | 4.0 | - | - |\n| text-decoration-thickness | 4.0 | - | - |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| text-decoration | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 3.5 ） | √（ 1 ） | √（ 3 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/text-decoration)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.text-decoration)\n"},"text-decoration-color":{"name":"## text-decoration-color\n","description":"\nCSS 属性 text-decoration-color 用于设置文本修饰线的颜色，文本修饰线是通过 text-decoration-line 属性指定的。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | x | x |\n","syntax":"\n### 语法\n```\ntext-decoration-color: ;\n```\n","values":"","defaultValue":"","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)","compatibility":"### 兼容性 \n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| text-decoration-color | √（ 57 ） | √（ 79 ） | √（ 36 ） | √（ 44 ） | √（ 12.1 ） | x |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/text-decoration-color)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.text-decoration-color)\n"},"text-decoration-line":{"name":"## text-decoration-line\n","description":"\nCSS 属性 text-decoration-line 用于设置元素中的文本的修饰类型。当要设置多个线修饰属性时，用 text-decoration 简写属性会比分别写多个属性更方便。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\ntext-decoration-line: none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error;\n```\n","values":"\n### text-decoration-line 的属性值\n`underline`
在文本的下方有一条修饰线。


`line-through`
有一条贯穿文本中间的修饰线。


`overline`
在文本的上方有一条修饰线。\n","defaultValue":"### 默认值 @default-value \n `none`","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)","compatibility":"### 兼容性 \n\n#### text-decoration-line 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| underline | 4.0 | 3.9 | 4.11 |\n| line-through | 4.0 | 3.9 | 4.11 |\n| overline | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| text-decoration-line | √（ 57 ） | √（ 79 ） | √（ 36 ） | √（ 44 ） | √（ 12.1 ） | x |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/text-decoration-line)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.text-decoration-line)\n"},"text-decoration-style":{"name":"## text-decoration-style\n","description":"\nCSS 属性 text-decoration-style 用于设置由 text-decoration-line 设定的线的样式。线的样式会应用到所有被 text-decoration-line 设定的线，不能为其中的每条线设置不同的样式。当要设置多个线修饰属性时，用 text-decoration 简写属性会比分别写多个属性更方便。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | x | x |\n","syntax":"\n### 语法\n```\ntext-decoration-style: solid | double | dotted | dashed | wavy;\n```\n","values":"\n### text-decoration-style 的属性值\n`solid`
实线。


`dashed`
虚线。


`dotted`
点划线。


`wavy`
波浪线。\n","defaultValue":"","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)","compatibility":"### 兼容性 \n\n#### text-decoration-style 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| solid | 4.0 | x | x |\n| dashed | 4.0 | x | x |\n| dotted | 4.0 | x | x |\n| wavy | 4.0 | x | x |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| text-decoration-style | √（ 57 ） | √（ 79 ） | √（ 36 ） | √（ 44 ） | √（ 12.1 ） | x |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/text-decoration-style)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.text-decoration-style)\n"},"text-decoration-thickness":{"name":"## text-decoration-thickness\n","description":"\nCSS 属性 text-decoration-thickness 用于设置元素中文本所使用的装饰线（如 line-through、underline 或 overline）的笔触厚度。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | x | x |\n","syntax":"\n### 语法\n```\ntext-decoration-thickness: auto | from-font | | ;\n```\n","values":"\n### text-decoration-thickness 的属性值\n`auto`
由浏览器为文本装饰线选择合适的厚度。


`from-font`
如果字体文件中包含了首选的厚度值，则使用字体文件的厚度值。如果字体文件中没有包含首选的厚度值，则效果和设置为 auto 一样，由浏览器选择合适的厚度值。\n","defaultValue":"","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)","compatibility":"### 兼容性 \n\n#### text-decoration-thickness 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | - | - |\n| from-font | 4.0 | - | - |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| text-decoration-thickness | √（ 89 ） | √（ 89 ） | √（ 70 ） | √（ 75 ） | √（ 12.1 ） | x |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/text-decoration-thickness)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.text-decoration-thickness)\n"},"text-overflow":{"name":"## text-overflow\n","description":"\ntext-overflow CSS 属性用于确定如何提示用户存在隐藏的溢出内容。其形式可以是裁剪、显示一个省略号（“…”）或显示一个自定义字符串。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\ntext-overflow: [ clip | ellipsis | ]{1,2};\n```\n","values":"\n### text-overflow 的属性值\n`clip`
默认值。这个关键字会在内容区域的极限处截断文本，因此可能会在单词的中间发生截断。如果你的目标浏览器支持 text-overflow: ''，为了能在两个单词过渡处截断，你可以使用一个空字符串值（''）作为 text-overflow 属性的值。


`ellipsis`
这个关键字会用一个省略号（'…'、U+2026 HORIZONTAL ELLIPSIS）来表示被截断的文本。这个省略号被添加在内容区域中，因此会减少显示的文本。如果空间太小以至于连省略号都容纳不下，那么这个省略号也会被截断。\n","defaultValue":"### 默认值 @default-value \n `clip`","unixTags":"### 适用组件 @unix-tags \n - [text](/component/text.md)\n- [button](/component/button.md)","compatibility":"### 兼容性 \n\n#### text-overflow 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| clip | 4.0 | 3.9 | 4.11 |\n| ellipsis | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| text-overflow | √（ 1 ） | √（ 12 ） | √（ 7 ） | √（ 11 ） | √（ 1.3 ） | √（ 6 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/text-overflow)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.text-overflow)\n"},"top":{"name":"## top\n","description":"\ntop样式属性定义了定位元素的上外边距边界与其包含块上边界之间的偏移，非定位元素设置此属性无效。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\ntop: | | auto;\n```\n","values":"\n### top 的属性值\n`auto`
这个关键字表示：

对于绝对定位元素，元素将忽略此属性已bottom属性为准，如果此时设置height: auto，将基于内容需要的高度设置高度；如果bottom也为auto的话，元素的垂直位置就是它假如作为静态 (即 static) 元素时该在的位置。
对于相对定位元素，元素相对正常位置的偏移量将基于bottom属性；如果bottom也为auto的话，元素将不会有偏移。\n","defaultValue":"### 默认值 @default-value \n `auto`","unixTags":"","compatibility":"### 兼容性 \n\n#### top 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| auto | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| top | √（ 1 ） | √（ 12 ） | √（ 1 ） | √（ 6 ） | √（ 1 ） | √（ 5 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/top)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.top)\n"},"transform":{"name":"## transform\n","description":"\nCSS transform 属性允许你旋转，缩放，倾斜或平移给定元素。这是通过修改 CSS 视觉格式化模型的坐标空间来实现的。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\ntransform: none | ;\n```\n","values":"\n### transform 的属性值\n`rotate(\\)`
旋转元素以给定的角度（angle）


`rotateX(\\)`
绕 X 轴旋转元素以给定的角度（angle）


`rotateY(\\)`
绕 Y 轴旋转元素以给定的角度（angle）


`rotateZ(\\)`
绕 Z 轴旋转元素以给定的角度（angle）


`scale(\\ \\)`
缩放元素的尺寸，水平和垂直方向分别使用给定的比例（number）


`scaleX(\\)`
水平方向缩放元素的尺寸，使用给定的比例（number）


`scaleY(\\)`
垂直方向缩放元素的尺寸，使用给定的比例（number）


`translate(\\ \\)`
沿 X 和 Y 轴移动元素，水平和垂直方向分别使用给定的距离或百分比


`translateX(\\)`
沿 X 轴移动元素，使用给定的距离或百分比


`translateY(\\)`
沿 Y 轴移动元素，使用给定的距离或百分比\n","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### transform 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| rotate(\\) | 4.0 | 3.9 | 4.11 |\n| rotateX(\\) | 4.0 | 3.9 | 4.11 |\n| rotateY(\\) | 4.0 | 3.9 | 4.11 |\n| rotateZ(\\) | 4.0 | 3.9 | 4.11 |\n| scale(\\ \\) | 4.0 | 3.9 | 4.11 |\n| scaleX(\\) | 4.0 | 3.9 | 4.11 |\n| scaleY(\\) | 4.0 | 3.9 | 4.11 |\n| translate(\\ \\) | 4.0 | 3.9 | 4.11 |\n| translateX(\\) | 4.0 | 3.9 | 4.11 |\n| translateY(\\) | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| transform | √（ 36 ） | √（ 12 ） | √（ 16 ） | √（ 23 ） | √（ 9 ） | √（ 10 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/transform)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.transform)\n"},"transform-origin":{"name":"## transform-origin\n","description":"\ntransform-origin CSS 属性让你更改一个元素变形的原点。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\ntransform-origin: [ | left | center | right | top | bottom ] | [ [ | left | center | right ] && [ | top | center | bottom ] ] ?;\n```\n","values":"\n### transform-origin 的属性值\n`top`
相对于元素的顶部边缘进行变形


`left`
相对于元素的左侧边缘进行变形


`right`
相对于元素的右侧边缘进行变形


`bottom`
相对于元素的底部边缘进行变形


`center`
相对于元素的中心点进行变形\n","defaultValue":"### 默认值 @default-value \n | 平台 | 默认值 |\n| :- | :- |\n| uvue-app | 50% 50% |\n| uvue-web | 50% 50% 0 |\n\n **注意**：W3C 默认值为：50% 50% 0","unixTags":"","compatibility":"### 兼容性 \n\n#### transform-origin 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| top | 4.0 | 3.9 | 4.11 |\n| left | 4.0 | 3.9 | 4.11 |\n| right | 4.0 | 3.9 | 4.11 |\n| bottom | 4.0 | 3.9 | 4.11 |\n| center | 4.0 | 3.9 | 4.11 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| transform-origin | √（ 36 ） | √（ 12 ） | √（ 16 ） | √（ 23 ） | √（ 9 ） | √（ 10 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/transform-origin)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.transform-origin)\n"},"transition":{"name":"## transition\n","description":"\ntransition CSS 属性是 transition-property、transition-duration、transition-timing-function 和 transition-delay 的一个简写属性 (en-US)。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\ntransition: #;\n```\n","values":"\n### transition 的属性值\n`all`
每一个能够进行过渡动画的属性都会进行过渡动画。


`none`
没有属性会进行过渡动画。\n","defaultValue":"","unixTags":"","compatibility":"### 兼容性 \n\n#### transition 的属性值兼容性\n| | Web | Android | iOS |\n| :- | :- | :- | :- |\n| all | 4.0 | 4.13 | 4.13 |\n| none | 4.0 | 4.13 | 4.13 |\n\n#### 浏览器兼容性\n| | Chrome | Edge | Firefox | Opera | Safari | IE |\n| :- | :- | :- | :- | :- | :- | :- |\n| transition | √（ 26 ） | √（ 12 ） | √（ 16 ） | √（ 12.1 ） | √（ 9 ） | √（ 10 ） |\n","reference":"\n### 参见\n- [MDN Reference](https://developer.mozilla.org/docs/Web/CSS/transition)\n- [相关 Bug](https://issues.dcloud.net.cn/?mid=css.properties.transition)\n"},"transition-delay":{"name":"## transition-delay\n","description":"\nCSS 的transition-delay属性规定了在过渡效果开始作用之前需要等待的时间。\n\n\n#### uni-app x 兼容性\n| Web | Android | iOS |\n| :- | :- | :- |\n| 4.0 | 3.9 | 4.11 |\n","syntax":"\n### 语法\n```\ntransition-delay: