文档类组件共享一些共同特性, 这类组件目前包括text
and input
.
color
: <colors> 前景颜色.
font-size
: <length> 文字大小.
font-style
: <enum> normal
| italic
. 字体类别,默认为 normal
.
font-weight
: <enum> normal
| bold
. 字体粗细程度,默认为 normal
.
text-decoration
: <enum> none
| underline
| line-through
. 字体装饰,默认值为 none
.
text-align
: <enum> left
| center
| right
. 对齐方式,默认值为 left
.
font-family
:<string> 字体家族, 这个设置 不保证 在不同平台,设备间的一致性. 如所选设置在平台上不可用,将会降级到平台默认字体家族.
text-overflow
:<string> clip
| ellipsis
. 内容超长时的省略样式
color
属性支持多种颜色表达方法: rgb, rgba, #fff, #ffffff, 或颜色名.
例子:
.my-class { color: red; }
.my-class { color: #f00; }
.my-class { color: #ff0000; }
.my-class { color: rgb(255, 0, 0); }
.my-class { color: rgba(255, 0, 0, 0.5); }
px
, px
能被省略.
rgb(255, 0, 0)
), rgba (rgba(255, 0, 0, 0.5)
), 十六进制 (#ff0000
), 短十六进制 (#f00
), 颜色名字 (red
).