关于div和javascript中css属性对照
2009-03-28 11:32
375 查看
看了后做如下总结,在 div中大多数附属属性如border的扩展border-bottom属性,在javascript中将保留border省略中划线 “-” 并且后接Bottom(注意大小)。很简单的改变,还有更值得注意的是css中不区分打小写,而javascript对打小写要求非常的严格!
盒子标签和属性对照 | |
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 |
相关文章推荐
- 转 关于在IE9下css属性设置margin:0 auto 不能使div居中
- 关于css div属性的框框
- javascript + css 利用div的scroll属性让TAB动感十足
- 关于在IE9下css属性设置margin:0 auto 不能使div居中
- 关于在IE9下css属性设置margin:0 auto 不能使div居中
- CSS 与 javascript 属性对照
- div与JavaScript一些属性对照
- 【转】盒子标签和属性对照 css区别javascript
- 软件工程导论第五周作业:关于上周自我回忆录(html,div+css,javascript,jsp,jdbc)
- 关于CSS“可变属性”(will-change),你需要知道所有的事情
- CSS属性分类扫描-关于列表属性
- 一些关于css div的注意事项
- DIV中滚动条设置到随机位置(CSS+Javascript)
- 一个关于DIV+CSS布局技术不错的教程
- JavaScript CSS Style属性对照表
- 关于写CSS时类似div.ex中间有空格的问题
- javascript中关于宽高、位置、坐标等相关属性和方法介绍:
- 用JavaScript修改CSS属性的代码
- DIV CSS BackGround属性研究
- [DIV/CSS] (CSS) 不同浏览器对table中visibility属性显示的不同