源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

浅析JavaScript中的CSS属性及命名规范

  • 时间:2021-12-31 02:00 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:浅析JavaScript中的CSS属性及命名规范
许多CSS样式属性的名字中都有连字符,在JavaScript中,连字符被解释为减号。 因此,CSS2Properties对象的属性名和真正的CSS属性名有点不同。 如果一个CSS属性名含有一个或多个连字符,在JS中则需要删除了连字符,并且原来紧接在连字符后的字母改为大写。 要注意的是float是JS的关键字,所以在JS中float被写作cssFloat与或floatStyle。 下面是CSS自身属性与JavaScript中CSS编码对照表: [b]盒子标签和属性对照: [/b]Code CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) border   border border-bottom   borderBottom border-bottom-color   borderBottomColor border-bottom-style   borderBottomStyle border-bottom-width   borderBottomWidth border-color   borderColor border-left   borderLeft border-left-color   borderLeftColor border-left-style   borderLeftStyle border-left-width   borderLeftWidth border-right   borderRight border-right-color   borderRightColor border-right-style   borderRightStyle border-right-width   borderRightWidth border-style   borderStyle border-top   borderTop border-top-color   borderTopColor border-top-style   borderTopStyle border-top-width   borderTopWidth border-width   borderWidth clear   clear float   floatStyle(ie) cssFloat(FF)  margin   margin margin-bottom   marginBottom margin-left   marginLeft margin-right   marginRight margin-top   marginTop padding   padding padding-bottom   paddingBottom padding-left   paddingLeft padding-right   paddingRight padding-top   paddingTop   [b]颜色和背景标签和属性对照: [/b]Code CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) background   background background-attachment   backgroundAttachment background-color   backgroundColor background-image   backgroundImage background-position   backgroundPosition background-repeat   backgroundRepeat color   color [b]样式标签和属性对照:[/b] Code CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) display   display list-style-type   listStyleType list-style-image   listStyleImage list-style-position   listStylePosition list-style   listStyle white-space   whiteSpace [b]文字样式标签和属性对照:[/b] Code CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) font   font font-family   fontFamily font-size   fontSize font-style   fontStyle font-variant   fontVariant font-weight   fontWeight   [b]文本标签和属性对照: [/b]Code CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) letter-spacing   letterSpacing line-break   lineBreak line-height   lineHeight text-align   textAlign text-decoration   textDecoration text-indent   textIndent text-justify   textJustify text-transform   textTransform vertical-align   verticalAlign
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部