美文网首页Weex
Weex——文字样式

Weex——文字样式

作者: 阿凡提说AI | 来源:发表于2017-01-23 15:54 被阅读58次

文档类组件共享一些共同特性, 这类组件目前包括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).
  • 枚举类型: 有限几个名字中的一个.

相关文章

  • Weex——文字样式

    文档类组件共享一些共同特性, 这类组件目前包括text and input. 属性 color: 前景颜色. ...

  • Weex——公共样式

    所有 weex 标签都有以下基本样式规则。 weex 盒模型基于 CSS 盒模型,每个 weex 元素都可视作一个...

  • flex 总结

    布局相关 所有 Weex 组件都支持以下通用样式规则。 盒模型 Weex 盒模型基于 [CSS 盒模型],每个 W...

  • Weex学习样式总结

    盒子模型 注意: margin和padding的默认值是0. border: border-style边框样式,可...

  • Weex入门(4)样式

    读取本地资源问题 Weex SDK提供localscheme来访问打包在应用程序中的资源,此scheme无法在H5...

  • weex--css样式

    由于WEEX支持的Css写法有限,所以我们需要了解他。目前布局只支持flex Box左右居中(可代替text-al...

  • weex填坑指南和自己的感受

    最近,在做新版app的遇到了一堆的坑,是时候总结一波!谨防踩坑!1.weex很多样式不支持具体可以看weex官方文...

  • 简书实验

    链接 引用 丰富的文字样式 丰富的文字样式 支持

  • day01--CSS

    一:文字属性 包括文字样式,文字粗细,文字大小,文字字体 font-style( 文字样式) font-weigh...

  • Photoshop 36款霓虹灯效果文字样

    小编为大家带来了一套Photoshop创意荧光文字样式下载,荧光文字样式ps样式,ps样式素材,ps样式下载,PS...

网友评论

    本文标题:Weex——文字样式

    本文链接:https://www.haomeiwen.com/subject/zauabttx.html