CSS和JS标签style属性对照表

原创 2013年12月05日 11:54:01
盒子标签和属性对照
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,否则不会生效。

原生JS中如何获取CSS属性中的值

css文件中如何得到某个属性值: 一、getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值,返回的是一个CSS样式声明对象 , 只读, 此方法支持Firefox浏览器; 语...
  • baidu_34449164
  • baidu_34449164
  • 2016年07月25日 12:36
  • 6668

js改变style样式和css样式

在很多情况下,都需要对网页上元素的样式进行动态的修改。在JavaScript中提供几种方式动态的修改样式,下面将介绍方法的使用、效果、以及缺陷。 1、使用obj.className来修改样式表的类名...
  • bfboys
  • bfboys
  • 2017年01月10日 23:27
  • 2460

正则表达式处理字符串中的img,去除style属性,添加自适应图片的类

正则表达式处理字符串中的img,去除style属性,添加自适应图片的类
  • u010176097
  • u010176097
  • 2017年03月02日 11:21
  • 1435

CSS和JS标签style属性对照表

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

JS中的CSS_Style属性标签对照表

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

JS中的CSS_Style属性标签对照表.docx 含有CSS 的详细属性说明

  • 2012年09月16日 14:37
  • 14KB
  • 下载

CSS 和 JavaScript 标签 style 属性对照表

  • 2011年12月21日 10:06
  • 3KB
  • 下载

CSS 和 JavaScript 标签 style 属性对照表

  • 2014年10月13日 16:48
  • 6KB
  • 下载

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

当然在有jquery 的时候 最好还是用jquery的  jquery的是 $('#id').css('name of css style','value'); 修改属性: $('#id'...
  • aa764336646
  • aa764336646
  • 2014年08月02日 14:37
  • 234

css和js标签style属性对照

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

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