JavaScriptでCSSを変更する際の互換表

document.getElementById("test").style.backgroundColor = "#008800";

の様な感じで使う。

  CSS JavaScript
背景 background  
     
背景色 background-color backgroundColor
背景画像の固定 background-position backgroundPosition
    backgroundPositionX
    backgroundPositionY
背景画像の繰り返し background-repeat backgroundRepeat
背景画像 background-image backgroundImage
    backgroundAttachment
ボーダー border border
ボーダーの色 border-color borderColor
ボーダーのスタイル border-style borderStyle
ボーダーの太さ border-width borderWidth
    borderWidths
上ボーダー border-top borderTop
上ボーダーの色 border-top-color borderTopColor
上ボーダーのスタイル border-top-style borderTopStyle
上ボーダーの太さ border-top-width borderTopWidth
右ボーダー border-right borderRight
右ボーダーの色 border-right-color borderRightColor
右ボーダーのスタイル border-right-style borderRightStyle
右ボーダーの太さ border-right-width borderRightWidth
下ボーダー border-bottom borderBottom
下ボーダーの色 border-bottom-color borderBottomColor
下ボーダーのスタイル border-bottom-style borderBottomStyle
下ボーダーの太さ border-bottom-width borderBottomWidth
左ボーダー border-left borderLeft
左ボーダーの色 border-left-color borderLeftColor
左ボーダーのスタイル border-left-style borderLeftStyle
左ボーダーの太さ border-left-width borderLeftWidth
     
文字色 color color
フォント font font
フォントをイタリック font-style fontStyle
スモールキャップ font-variant fontVariant
フォントの太さ font-weight fontWeight
フォントのサイズ font-size fontSize
フォントの種類 font-family fontFamily
     
行の高さ line-height lineHeight
横方向の位置揃え text-align textAlign
縦方向の位置揃え vertical-align verticalAlign
テキストの装飾 text-decoration textDecoration
    textDecorationBlink
    textDecorationLineThrough
    textDecorationNone
    textDecorationOverline
    textDecorationUnderline
下線の表示位置 text-underline-position textUnderlinePosition
一行目のインデント幅 text-indent textIndent
テキストの大文字・小文字 text-transform textTransform
スペース・タブ・改行の表示 white-space whiteSpace
文字の間隔 letter-spacing letterSpacing
単語の間隔 word-spacing wordSpacing
アルファベット等との間隔 text-autospace textAutospace
禁則処理のしかた line-break  
文の改行の仕方 word-break wordBreak
単語の途中で改行するか word-wrap wordWrap
  line-break  
width width
幅の最大値 max-width  
幅の最小値 min-width  
高さ height height
高さの最大値 max-height  
高さの最小値 min-height minHeight
     
マージン margin margin
マージン上 margin-top marginTop
マージン右 margin-right marginRight
マージン下 margin-bottom marginBottom
マージン左 margin-left marginLeft
     
     
パディング padding padding
    paddings
パディング上 padding-top paddingTop
パディング右 padding-right paddingRight
パディング下 padding-bottom paddingBottom
パディング左 padding-left paddingLeft
     
  float styleFloat(styleFloat)
     
はみ出た内容の表示方法 overflow overflow
はみ出た内容の表示方法 overflow-x overflowX
はみ出た内容の表示方法 overflow-y overflowY
配置 position position
上からの距離 top top
右からの距離 right right
下からの距離 bottom bottom
左からの距離 left left
要素の表示形式 display  
回り込み解除 clear clear
重なりの順序 z-index zIndex
表示・非表示 visibility visibility
切り抜き表示 clip clip
文字表記の方向(左右) direction direction
Unicodeの文字表記の方向を上書き unicode-bidi unicodeBidi
文字表記の方向(縦横) writing-mode writingMode
     
テーブル(表)の表示方法 table-layout tableLayout
テーブル(表)のキャプションの位置 caption-side  
セルのボーダーの表示の仕方 border-collapse borderCollapse
セルのボーダーの間隔 border-spacing  
空白セルのボーダーの表示・非表示 empty-cells  
     
マーカー list-style listStyle
マーカー画像 list-style-image listStyleImage
マーカータイプ list-style-type listStyleType
マーカー位置 list-style-position listStylePosition
     
カーソルの形状 cursor cursor
     
印刷の改ページ箇所 page-break-before pageBreakBefore
印刷の改ページ箇所 page-break-after pageBreakAfter
     
     
    textOverflow
    textKashidaSpace
    textKashida
    textJustifyTrim
    textJustify
    textAlignLast
     
    clipBottom
    isBlock
    hasLayout
     
    getAttribute
    blockDirection
    accelerator
     
テキスト入力時のIMEの状態 ime-mode imeMode
     
スクロールバーのベース scrollbar-base-color scrollbarBaseColor
スクロールバーの表面 scrollbar-face-color scrollbarFaseColor
スクロールバーの下地 scrollbar-track-color scrollbarTrackColor
スクロールバーの矢印 scrollbar-arrow-color scrollbarArrowColor
スクロールバーの影 scrollbar-shadow-color scrollbarShadowColor
スクロールバーのハイライト scrollbar-highlight-color scrollbarHighlightColor
スクロールバーの右端と下端 scrollbar-shadow-color scrollbarDarkShadowColor
スクロールバーの左端と上端 scrollbar-3dlight-color scrollbar3dLightColor
     
画像・テキスト filter filter
拡大・縮小表示 zoom zoom
     
ルビの行揃え ruby-align rubyAlign
ルビの表示領域 ruby-overhang rubyOverhang
ルビの表示位置 ruby-position rubyPosition
     
    layoutFlow
文字グリッドの幅 layout-grid-char layoutGridChar
行グリッドの高さ layout-grid-line layoutGridLine
行・文字グリッド layout-grid-mode layoutGridMode
グリッドのタイプ layout-grid-type layoutGridType
     
外部スクリプト behavior behavior