您的位置:首页 > Web前端 > CSS

js设置css样式对照表

2016-05-19 13:44 645 查看
盒子标签和属性对照
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
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

颜色和背景标签和属性对照

CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)

background   background

background-attachment   backgroundAttachment

background-color   backgroundColor

background-image   backgroundImage

background-position   backgroundPosition

background-repeat   backgroundRepeat

color   color
样式标签和属性对照

CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)

display   display

list-style-type   listStyleType

list-style-image   listStyleImage

list-style-position   listStylePosition

list-style   listStyle

white-space   whiteSpace
文字样式标签和属性对照

CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)

font   font

font-family   fontFamily

font-size   fontSize

font-style   fontStyle

font-variant   fontVariant

font-weight   fontWeight
文本标签和属性对照

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

如:document.getElementByIdx_x('tipDiv').style.lineHeight ="150%";

转载于:http://blog.sina.com.cn/s/blog_61c9c41e0100va07.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: