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 

相关文章

  • TypeScript学习笔记之类型窄化篇

    TypeScript学习笔记之类型窄化篇

    目前用TypeScript的人越来越多,尤其是一些大厂,大的项目,github上面很多开源项目也都是ts语法编译的,这篇文章主要给大家介绍了关于TypeScript学习笔记之类型窄化的相关资料,需要的朋友可以参考下
    2021-09-09
  • TS中type和interface的区别解析

    TS中type和interface的区别解析

    对于type来说,更多的是对类型的一种复用,比如在项目中需要用到一些比较复杂的或者书写起来很长的类型,而对于 interface来说,它是正儿八经的用来定义接口类型(约束数类型和属性)的,且接口类型是支持继承和声明合并的,感兴趣的朋友跟随小编一起看看吧
    2023-07-07
  • JavaScript函数声明和函数表达式的区别

    JavaScript函数声明和函数表达式的区别

    这篇文章主要介绍了JavaScript函数声明和函数表达式的区别,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-06-06
  • Javascript的比较汇总

    Javascript的比较汇总

    本文汇总了Javascript中两个对象的比较、不同类型的比较以及对象跟原始值的比较,并进行了实例演示,希望能帮助到有需要的朋友们。
    2016-07-07
  • js比较两个单独的数组或对象是否相等的实例代码

    js比较两个单独的数组或对象是否相等的实例代码

    本文通过实例代码给大家介绍了js比较两个单独的数组或对象是否相等 ,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • ES6 Promise对象概念及用法实例详解

    ES6 Promise对象概念及用法实例详解

    这篇文章主要介绍了ES6 Promise对象概念及用法,结合实例形式详细分析了ES6中Promise对象的概念、原理、创建、使用方法及相关操作注意事项,需要的朋友可以参考下
    2019-10-10
  • 利用d3.js实现蜂巢图表带动画效果

    利用d3.js实现蜂巢图表带动画效果

    这篇文章主要给大家介绍了关于如何利用d3.js实现蜂巢图表带动画效果的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用d3.js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • JavaScript中的事件委托及好处

    JavaScript中的事件委托及好处

    事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件,本文给大家重点介绍js中的事件委托及好处,一起看看吧
    2016-07-07
  • js动态添加的DIV中的onclick事件简单实例

    js动态添加的DIV中的onclick事件简单实例

    下面小编就为大家带来一篇js动态添加的DIV中的onclick事件简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JavaScript 程序执行顺序问题总结

    JavaScript 程序执行顺序问题总结

    今天总结下学习和开发中遇到的JavaScript执行顺序的问题,今天挖个坑,以后会慢慢填,也希望抛砖引玉,能学到更多的东西。
    2011-06-06

最新评论