css样式标签和js语法属性区别

 更新时间:2013年11月06日 08:56:48   作者:  
css样式标签和js语法属性区别。需要的朋友可以过来参考下,希望对大家有所帮助
盒子标签和属性对照
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 

相关文章

  • js模拟淘宝网的多级选择菜单实现方法

    js模拟淘宝网的多级选择菜单实现方法

    这篇文章主要介绍了js模拟淘宝网的多级选择菜单实现方法,涉及javascript针对页面元素结点的遍历与设置等操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 全面解析JavaScript Module模式

    全面解析JavaScript Module模式

    这篇文章主要介绍了JavaScript Module模式的相关资料,文中讲解非常细致,代码帮助大家更好的理解和学习,感兴趣的朋友可以了解下
    2020-07-07
  • 可恶的ie8提示缺少id未定义

    可恶的ie8提示缺少id未定义

    在页面中循环添加到select中,但是在ie8中就一直提示 缺少id未定义,经测试发现数组的最后多了个逗号,把逗号去掉就好了
    2014-03-03
  • Javascript中classList的基本使用方法

    Javascript中classList的基本使用方法

    classList 是一个非常实用的工具,可以让我们轻松地操作元素的类名,在使用 classList 时,我们可以通过 add、remove、toggle 和 contains 等方法来添加、删除、切换和检查类名,接下来我们详细学习一下classList的使用方法以及相关方法,感兴趣的朋友一起看看吧
    2023-10-10
  • 浅谈Sublime Text 3运行JavaScript控制台

    浅谈Sublime Text 3运行JavaScript控制台

    下面小编就为大家带来一篇浅谈Sublime Text 3运行JavaScript控制台。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • js改变html的原有内容实现方法

    js改变html的原有内容实现方法

    下面小编就为大家带来一篇js改变html的原有内容实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 微信小程序绘制半圆(弧形)进度条

    微信小程序绘制半圆(弧形)进度条

    这篇文章主要为大家详细介绍了微信小程序绘制半圆(弧形)进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • javascript实现base64 md5 sha1 密码加密

    javascript实现base64 md5 sha1 密码加密

    本篇文章给大家介绍了javascript实现密码加密,通过base64、md5、sha1文件,调用相关方法实现密码加密,非常简单,需要的朋友可以参考下
    2015-09-09
  • JavaScript探测CSS动画是否已经完成的方法

    JavaScript探测CSS动画是否已经完成的方法

    这篇文章主要为大家详细介绍了JavaScript探测CSS动画是否已经完成的方法,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 概述BootStrap中role=

    概述BootStrap中role="form"及role作用角色

    这篇文章主要介绍了BootStrap中role="form"及role作用角色介绍,以及bootstrap栅栏系统css中的col-xs-*,col-sm-*,col-md-* 的意义简单介绍,需要的朋友参考下
    2016-12-12

最新评论