返回介绍

Weex Style 支持表

发布于 2019-12-26 23:51:14 字数 7942 浏览 1098 评论 0 收藏 0

css 支持列表

样式表和 CSS 规则是由 Weex js 框架和原生渲染引擎管理的。要实现完整的 CSS 对象模型(CSSOM:CSS Object Model)并支持所有的 CSS 规则是非常困难的,而且没有这个必要。
出于性能考虑,Weex 目前只支持单个类选择器,并且只支持 CSS 规则的子集
Weex 对于长度值目前只支持像素值,不支持相对单位(em、rem)。Rax 中的 rpx 单位将会转换为 px
样式支持程度参考

下表中 weex sdk version 是支持的最低版本,这份整理是来自 weex 0.16.0 的 style 支持情况

borderdefaultvaluesweex sdk versionplatform
border-stylesolidsolid, dashed, dotted0.5.0
border-left-stylesolidsolid, dashed, dotted0.5.0
border-top-stylesolidsolid, dashed, dotted0.5.0
border-right-stylesolidsolid, dashed, dotted0.5.0
border-bottom-stylesolidsolid, dashed, dotted0.5.0
border-width0px0.5.0
border-left-width0px0.5.0
border-top-width0px0.5.0
border-right-width0px0.5.0
border-bottom-width0px0.5.0
border-color#0000000.5.0
border-left-color#0000000.5.0
border-top-color#0000000.5.0
border-right-color#0000000.5.0
border-bottom-color#0000000.5.0
border-radius0px0.5.0
border-left-radius0px0.5.0
border-top-radius0px0.5.0
border-right-radius0px0.5.0
border-bottom-radius0px0.5.0
box-shadowdefaultvaluesweex sdk versionplatform
box-shadow0.11.0ios
flexdefaultvaluesweex sdk versionplatform
flex-directioncolumncolumn, row0.5.0
justify-contentflex-startflex-start, flex-end, center, space-between0.5.0
align-itemsstretchstretch, flex-start, flex-end, center0.5.0
padding-bottom0px0.5.0
gradientdefaultvaluesweex sdk versionplatform
linear-gradient0.10.0
heightdefaultvaluesweex sdk versionplatform
height0px0.5.0
margindefaultvaluesweex sdk versionplatform
margin-left0px0.5.0
margin-right0px0.5.0
margin-top0px0.5.0
margin-bottom0px0.5.0
other-common-styledefaultvaluesweex sdk versionplatform
opacity10.5.0
background-colortransparent0.5.0
paddingdefaultvaluesweex sdk versionplatform
padding-left0px0.5.0
padding-right0px0.5.0
padding-top0px0.5.0
padding-bottom0px0.5.0
positiondefaultvaluesweex sdk versionplatform
positionrelativerelative, absolute, fixed, sticky0.5.0
left0px0.5.0
right0px0.5.0
top0px0.5.0
bottom0px0.5.0
pseudo-classdefaultvaluesweex sdk versionplatform
active0px0.9.5
focus0px0.9.5
disabled0px0.9.5
enabled0px0.9.5
textdefaultvaluesweex sdk versionplatform
color0.5.0
lines00.5.0
font-size0.5.0
font-stylenormalnormal, italic0.5.0
font-weightnormalnormal, bold, 100, 200, 300, 400, 500, 600, 700, 800, 9000.9.0
text-decorationnonenone, underline, line-through0.5.0
text-alignleftleft, center, right0.5.0
font-family0.5.0
text-overflowclip, ellipsis0.5.0
transformdefaultvaluesweex sdk versionplatform
translateX0.5.0
translateY0.5.0
scale0.5.0
scaleX0.5.0
scaleY0.5.0
rotate0.5.0
rotateX0.14.0
rotateY0.14.0
perspective0.16.0android
transform-origin0.5.0
transitiondefaultvaluesweex sdk versionplatform
transition-propertywidth, height, top, bottom, left, right, backgroundColor, opacity, transform0.16.0
transition-duration00.16.0
transition-delay00.16.0
transition-timing-functioneaseease, ease-in, ease-out, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2)0.16.0
widthdefaultvaluesweex sdk versionplatform
width0px0.5.0

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文