CSS和Javascript的标签属性对应表
在写javascript中,经常要用到style对象的css属性,很多不记得
其实很好记,基本就是CSS中的“-”转化为javascript的驼峰写法,除了注意下float
盒子标签和属性对照 |
---|
CSS语法(不区分大小写) |
border |
border-bottom |
border-bottom-color |
border-bottom-style |
border-bottom-width |
border-color |
border-left |
border-left-color |
border-left-style |
border-left-width |
border-right |
border-right-color |
border-right-style |
border-right-width |
border-style |
border-top |
border-top-color |
border-top-style |
border-top-width |
border-width |
clear |
float |
margin |
margin-bottom |
margin-left |
margin-right |
margin-top |
padding |
padding-bottom |
padding-left |
padding-right |
padding-top |
颜色和背景标签和属性对照 |
CSS 语法(不区分大小写) |
background |
background-attachment |
background-color |
background-image |
background-position |
background-repeat |
color |
样式标签和属性对照 |
CSS语法(不区分大小写) |
display |
list-style-type |
list-style-image |
list-style-position |
list-style |
white-space |
文字样式标签和属性对照 |
CSS 语法(不区分大小写) |
font |
font-family |
font-size |
font-style |
font-variant |
font-weight |
文本标签和属性对照 |
CSS 语法(不区分大小写) |
letter-spacing |
line-break |
line-height |
text-align |
text-decoration |
text-indent |
text-justify |
text-transform |
vertical-align |
**提示:
**CSS中的float属性是个例外,因为float是javascript的保留关键字,在IE中使用的是styleFloat,而其他浏览器则使用cssFloat.