JavaScript中的CSS属性对照表

Posted God is Love

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript中的CSS属性对照表相关的知识,希望对你有一定的参考价值。

javascript中的CSS属性对照表(新手必备)

JavaScript中的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

 

 

规律: "-"去掉,并把-后面的首字母换成大写

而且区分大小写

以上是关于JavaScript中的CSS属性对照表的主要内容,如果未能解决你的问题,请参考以下文章

CSS和Java script 标签style属性对照表

CSS和JavaScript标签对照表

如何用js给html表单设置style

是否可以在 Javascript 中的 css3 转换期间获取目标计算的 css 属性值?

CSS 中 Font-Family 中英文对照表

JavaS:网页中的显示和隐藏