当前位置: 58彩票app下载 > 关于计算机 > 正文

js调整CSS样式属性语法对照表,CSS和JS标签style属

时间:2019-09-18 11:14来源:关于计算机
盒子标签和属性对照 CSS与JS紧密配合,为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。 CSS语法(不区分大小写)

盒子标签和属性对照

CSS与JS紧密配合,为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。

CSS语法(不区分大小写)

例如常用的关闭某个漂浮的广告显示:document.getElementById('ad').style.display='none';相当于:.ad{ display:none}.

JavaScript语法(区分大小写)

下面就是JS 控制CSS样式表的语法对照:

border

盒子标签和属性对照

border

CSS语法(不区分大小写)

border-bottom

JavaScript语法(区分大小写)

borderBottom

border

border-bottom-color

border

borderBottomColor

border-bottom

border-bottom-style

borderBottom

borderBottomStyle

border-bottom-color

border-bottom-width

borderBottomColor

borderBottomWidth

border-bottom-style

border-color

borderBottomStyle

borderColor

border-bottom-width

border-left

borderBottomWidth

borderLeft

border-color

border-left-color

borderColor

borderLeftColor

border-left

border-left-style

borderLeft

borderLeftStyle

border-left-color

border-left-width

borderLeftColor

borderLeftWidth

border-left-style

border-right

borderLeftStyle

borderRight

border-left-width

border-right-color

borderLeftWidth

borderRightColor

border-right

border-right-style

borderRight

borderRightStyle

border-right-color

border-right-width

borderRightColor

borderRightWidth

border-right-style

border-style

borderRightStyle

borderStyle

border-right-width

border-top

borderRightWidth

borderTop

border-style

border-top-color

borderStyle

borderTopColor

border-top

border-top-style

borderTop

borderTopStyle

border-top-color

border-top-width

borderTopColor

borderTopWidth

border-top-style

border-width

borderTopStyle

borderWidth

border-top-width

clear

borderTopWidth

clear

border-width

float

borderWidth

floatStyle

clear

margin

clear

margin

float

margin-bottom

floatStyle

marginBottom

margin

margin-left

margin

marginLeft

margin-bottom

margin-right

marginBottom

marginRight

margin-left

margin-top

marginLeft

marginTop

margin-right

padding

marginRight

padding

margin-top

padding-bottom

marginTop

paddingBottom

padding

padding-left

padding

paddingLeft

padding-bottom

padding-right

paddingBottom

paddingRight

padding-left

padding-top

paddingLeft

paddingTop

padding-right

颜色和背景标签和属性对照

paddingRight

CSS 语法(不区分大小写)

padding-top

JavaScript 语法(区分大小写)

paddingTop

background

颜色和背景标签和属性对照

background

CSS 语法(不区分大小写)

background-attachment

JavaScript 语法(区分大小写)

backgroundAttachment

background

background-color

background

backgroundColor

background-attachment

background-image

backgroundAttachment

backgroundImage

background-color

background-position

backgroundColor

backgroundPosition

background-image

background-repeat

backgroundImage

backgroundRepeat

background-position

color

backgroundPosition

color

background-repeat

样式标签和属性对照

backgroundRepeat

CSS语法(不区分大小写)

color

JavaScript 语法(区分大小写)

color

display

 

display

样式标签和属性对照

list-style-type

CSS语法(不区分大小写)

listStyleType

JavaScript 语法(区分大小写)

list-style-image

display

listStyleImage

display

list-style-position

list-style-type

listStylePosition

listStyleType

list-style

list-style-image

listStyle

listStyleImage

white-space

list-style-position

whiteSpace

listStylePosition

文字样式标签和属性对照

list-style

CSS 语法(不区分大小写)

listStyle

JavaScript 语法(区分大小写)

white-space

font

whiteSpace

font

 

font-family

文字样式标签和属性对照

fontFamily

CSS 语法(不区分大小写)

font-size

JavaScript 语法(区分大小写)

fontSize

font

font-style

font

fontStyle

font-family

font-variant

fontFamily

fontVariant

font-size

font-weight

fontSize

fontWeight

font-style

文本标签和属性对照

fontStyle

CSS 语法(不区分大小写)

font-variant

JavaScript 语法(区分大小写)

fontVariant

letter-spacing

font-weight

letterSpacing

fontWeight

line-break

 

lineBreak

文本标签和属性对照

line-height

CSS 语法(不区分大小写)

lineHeight

JavaScript 语法(区分大小写)

text-align

letter-spacing

textAlign

letterSpacing

text-decoration

line-break

textDecoration

lineBreak

text-indent

line-height

textIndent

lineHeight

text-justify

text-align

textJustify

textAlign

text-transform

text-decoration

textTransform

textDecoration

vertical-align

text-indent

verticalAlign

textIndent

您可能感兴趣的文章:

  • js控制CSS样式属性语法对照表
  • css样式标签和js语法属性区别

text-justify

textJustify

text-transform

textTransform

vertical-align

verticalAlign

 

 

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

 

您可能感兴趣的文章:

  • JS 控制CSS样式表
  • js中巧用cssText属性批量操作样式
  • js改变css样式的三种方法推荐
  • js中用cssText设置css样式的简单方法

编辑:关于计算机 本文来源:js调整CSS样式属性语法对照表,CSS和JS标签style属

关键词: