Weex——文字样式

文档类组件共享一些共同特性, 这类组件目前包括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 (rgb(255, 0, 0)), rgba (rgba(255, 0, 0, 0.5)), 十六进制 (#ff0000), 短十六进制 (#f00), 颜色名字 (red).
  • 枚举类型: 有限几个名字中的一个.
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容