CSS和JS标签style属性对照表

转载 2013年12月02日 10:15:23

盒子标签和属性对照
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
html中td.class="aaa" td.className="aaa"

 

注意:1、在使用js时,如newTD.style.paddingLeft="200";(错误),正确生效的写法是newTD.style.paddingLeft="200px";(正确),不可少了px,否则不会生效。

转载自:http://www.cnblogs.com/chinafine/archive/2010/12/16/1908394.html

相关文章推荐

CSS和JS标签style属性对照表

  • 2012年06月13日 11:44
  • 77KB
  • 下载

JS中的CSS_Style属性标签对照表

  • 2010年07月19日 17:24
  • 34KB
  • 下载

CSS和JavaScript标签style属性对照表(用javascript来控制css不再难了)

当然在有jquery 的时候 最好还是用jquery的  jquery的是 $('#id').css('name of css style','value'); 修改属性: $('#id'...

JavaScript中style后面的css属性与CSS标签属性对照表

我们常常需要用Javascript动态的去更改某一个标签的Css属性。比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样:(查看示例) JavaScript Code复制内容到剪贴板 ...
  • han8888
  • han8888
  • 2011年11月03日 08:36
  • 510

css和js标签style属性对照

  • 2012年05月22日 22:07
  • 70KB
  • 下载

JavaScript 与CSS Style属性对照表

为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的Css属性。 比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样: JavaScript代码 ...

JavaScript CSS Style属性对照表

  • 2013年04月07日 10:07
  • 17KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS和JS标签style属性对照表
举报原因:
原因补充:

(最多只允许输入30个字)