|
color
|
<color>
|
#e600000
|
否
|
文本颜色。
|
|
font-size
|
<length>
|
16px
|
否
|
文本大小。
|
|
allow-scale
|
boolean
|
true
|
否
|
文本尺寸是否跟随系统设置字体缩放尺寸进行放大缩小。
|
|
font-style
|
string
|
normal
|
否
|
文本字体样式，可选值为：
- normal: 标准的字体样式；
- italic: 斜体的字体样式。
|
|
font-weight
|
number|string
|
normal
|
否
|
文本字体粗细，number类型取值[100, 900]的整数（被100整除），默认为400，取值越大，字体越粗。string类型取值为：lighter、normal、bold、bolder。
|
|
text-decoration
|
string
|
none
|
否
|
文本修饰，可选值为：
- underline: 文本下划线修饰；
- line-through: 穿过文本的修饰线；
- none: 标准文本。
|
|
font-family
|
string
|
sans-serif
|
否
|
字体列表，用逗号分隔，每个字体用字体名或者字体族名设置。列表中第一个系统中存在的或者通过自定义字体指定的字体，会被选中作为文本的字体。
|
|
padding
|
<length>
|
0
|
否
|
该属性可以有1到4个值：
-
指定一个值时，该值指定四个边的内边距。
-
指定两个值时，第一个值指定上下两边的内边距，第二个指定左右两边的内边距。
-
指定三个值时，第一个指定上边的内边距，第二个指定左右两边的内边距，第三个指定下边的内边距。
-
指定四个值时分别为上、右、下、左边的内边距（顺时针顺序）。
|
|
padding-[left|top|right|bottom]
|
<length>
|
0
|
否
|
设置左、上、右、下内边距属性。
|
|
padding-[start|end]
|
<length>
|
0
|
否
|
设置起始和末端内边距属性。
|
|
margin
|
<length>
|
0
|
否
|
使用简写属性设置所有的外边距属性，该属性可以有1到4个值。
-
只有一个值时，这个值会被指定给全部的四个边。
-
两个值时，第一个值被匹配给上和下，第二个值被匹配给左和右。
-
三个值时，第一个值被匹配给上, 第二个值被匹配给左和右，第三个值被匹配给下。
-
四个值时，会依次按上、右、下、左的顺序匹配 (即顺时针顺序)。
|
|
margin-[left|top|right|bottom]
|
<length>
|
0
|
否
|
设置左、上、右、下外边距属性。
|
|
margin-[start|end]
|
<length>
|
0
|
否
|
设置起始和末端外边距属性。
|
|
border
|
-
|
0
|
否
|
使用简写属性设置所有的边框属性，包含边框的宽度，样式，颜色属性，顺序设置为border-width、border-style、border-color，不设置时，各属性值为默认值。
|
|
border-style
|
string
|
solid
|
否
|
使用简写属性设置所有边框的样式，可选值为：
- dotted：显示为一系列圆点，圆点半径为border-width的一半。
- dashed：显示为一系列短的方形虚线。
|
|
border-[left|top|right|bottom]-style
|
string
|
solid
|
否
|
分别设置左、上、右、下四个边框的样式，可选值为dotted、dashed、solid。
|
|
border-[left|top|right|bottom]
|
-
|
-
|
否
|
使用简写属性设置对应位置的边框属性，包含边框的宽度，样式，颜色属性，顺序设置为border-width、border-style、border-color，不设置的值为默认值。
|
|
border-width
|
<length>
|
0
|
否
|
使用简写属性设置元素的所有边框宽度，或者单独为各边边框设置宽度。
|
|
border-[left|top|right|bottom]-width
|
<length>
|
0
|
否
|
分别设置左、上、右、下四个边框的宽度。
|
|
border-color
|
<color>
|
black
|
否
|
使用简写属性设置元素的所有边框颜色，或者单独为各边边框设置颜色。
|
|
border-[left|top|right|bottom]-color
|
<color>
|
black
|
否
|
分别设置左、上、右、下四个边框的颜色。
|
|
border-radius
|
<length>
|
-
|
否
|
border-radius属性是设置元素的外边框圆角半径。设置border-radius时不能单独设置某一个方向的border-[left|top|right|bottom]-width，border-[left|top|right|bottom]-color ，如果要设置color和width，需要将四个方向一起设置（border-width、border-color）。
|
|
border-[top|bottom]-[left|right]-radius
|
<length>
|
-
|
否
|
分别设置左上，右上，右下和左下四个角的圆角半径。
|
|
background
|
<linear-gradient>
|
-
|
否
|
仅支持设置渐变样式，与background-color、background-image不兼容。
|
|
background-color
|
<color>
|
-
|
否
|
设置背景颜色。
|
|
background-image
|
string
|
-
|
否
|
设置背景图片。与background-color、background不兼容；支持本地图片资源地址。
|
|
background-size
|
- string
- <length> <length>
- <percentage> <percentage>
|
auto
|
否
|
设置背景图片的大小。
|
|
background-repeat
|
string
|
repeat
|
否
|
针对重复背景图像样式进行设置，背景图像默认在水平和垂直方向上重复。
- repeat：在水平轴和竖直轴上同时重复绘制图片。
- repeat-x：只在水平轴上重复绘制图片。
- repeat-y：只在竖直轴上重复绘制图片。
- no-repeat：不会重复绘制图片。
|
|
background-position
|
- string string
- <length> <length>
- <percentage> <percentage>
|
0px 0px
|
否
|
- 关键词方式：如果仅规定了一个关键词，那么第二个值为"center"。两个值分别定义水平方向位置和竖直方向位置。
- left：水平方向上最左侧。
- right：水平方向上最右侧。
- top：竖直方向上最顶部。
- bottom：竖直方向上最底部。
- center：水平方向或竖直方向上中间位置。
- length值参数方式：第一个值是水平位置，第二个值是垂直位置。 左上角是 0 0。单位是像素 (0px 0px) 。如果仅规定了一个值，另外一个值将是50%。
- 百分比参数方式：第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果仅规定了一个值，另外一个值为50%。
- 可以混合使用<percentage>和<length>
|
|
opacity
|
number
|
1
|
否
|
元素的透明度，取值范围为0到1，1表示为不透明，0表示为完全透明。
|
|
display
|
string
|
flex
|
否
|
确定一个元素所产生的框的类型，可选值为：
|
|
visibility
|
string
|
visible
|
否
|
是否显示元素所产生的框。不可见的框会占用布局（将'display'属性设置为'none'来完全去除框），可选值为：
- visible：元素正常显示。
- hidden：隐藏元素，但是其他元素的布局不改变，相当于此元素变成透明。
说明：
visibility和display样式都设置时，仅display生效
|
说明： 从API Version 5 开始支持。
