It is often necessary to call CSS attributes of DOM objects when writing JavaScript code.
Comparison between box labels and attributes |
CSS syntax (Case Insensitive) |
Javascript syntax (case sensitive) |
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 |
|
Comparison of color and background tags and attributes |
CSS syntax (Case Insensitive) |
Javascript syntax (case sensitive) |
Background |
Background |
Background-Attachment |
Backgroundattachment |
Background-color |
Backgroundcolor |
Background-Image |
Backgroundimage |
Background-Position |
Backgroundposition |
Background-repeat |
Backgroundrepeat |
Color |
Color |
|
Comparison between style labels and attributes |
CSS syntax (Case Insensitive) |
Javascript syntax (case sensitive) |
Display |
Display |
List-style-type |
Liststyletype |
List-style-Image |
Liststyleimage |
List-style-Position |
Liststyleposition |
List-style |
Liststyle |
White-space |
Whitespace |
|
text style label and attribute comparison |
CSS syntax (Case Insensitive) |
JavaScript syntax (case sensitive) |
font |
font |
font-family |
fontfamily |
font-size |
fontsize |
font-style |
fontstyle |
font-variant |
fontvariant |
font-weight |
fontweight |
|
Text tag and attribute comparison |
CSS syntax (Case Insensitive) |
Javascript syntax (case sensitive) |
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 |
Turn H ttp: // www.div-css.net/