JavaScriptにおけるDOM(ドキュメントオブジェクトモデル)のStyleオブジェクトのプロパティ一覧。
Styleオブジェクトとは、要素のスタイル(Style属性)を扱うオブジェクト。JavaScriptでStyleオブジェクトを操作することで、要素のスタイルを動的に変更できる。
表示
-
style.displayプロパティ
要素のスタイル属性のdisplayプロパティの値を取得、もしくは、設定するプロパティ。displayプロパティは、要素の表示形式を指定することができる。インライン要素をブロックレベル表示したり、ブロック要素をインライン表示したり、リスト項目形式で表示したりできる。 -
style.visibilityプロパティ
要素のスタイル属性のvisibilityプロパティの値を取得、もしくは、設定するプロパティ。visibilityプロパティは、要素の表示・非表示や、表の行や列の詰める詰めないを指定することができる。 -
style.overflowプロパティ
要素のスタイル属性のoverflowプロパティの値を取得、もしくは、設定するプロパティ。overflowプロパティは、ブロックレベル要素の領域に内容が収まりきらなかったときの表示方法を指定することができる。 -
style.clipプロパティ
要素のスタイル属性のclipプロパティの値を取得、もしくは、設定するプロパティ。clipプロパティは、ボックス要素を矩形切り抜き表示することができる。 -
style.cursorプロパティ
要素のスタイル属性のcursorプロパティの値を取得、もしくは、設定するプロパティ。cursorプロパティは、カーソルの形を指定することができる。
配置
-
style.cssFloatプロパティ
要素のスタイル属性のfloatプロパティの値を取得、もしくは、設定するプロパティ。floatプロパティは、要素の回り込みを指定し、ブロック要素を横に並べることができる。 -
style.clearプロパティ
要素のスタイル属性のclearプロパティの値を取得、もしくは、設定するプロパティ。clearプロパティは、style.cssFloatプロパティで指定した要素の回り込みを解除することができる。 -
style.positionプロパティ
要素のスタイル属性のpositionプロパティの値を取得、もしくは、設定するプロパティ。positionプロパティは、ボックス要素を配置するときに基準とさせたい位置を指定することができる。 -
style.topプロパティ
要素のスタイル属性のtopプロパティの値を取得、もしくは、設定するプロパティ。topプロパティは、ボックス要素の上端から基準位置までの距離を指定することができる。 -
style.rightプロパティ
要素のスタイル属性のrightプロパティの値を取得、もしくは、設定するプロパティ。rightプロパティは、ボックス要素の右端から基準位置までの距離を指定することができる。 -
style.bottomプロパティ
要素のスタイル属性のbottomプロパティの値を取得、もしくは、設定するプロパティ。bottomプロパティは、ボックス要素の下端から基準位置までの距離を指定することができる。 -
style.leftプロパティ
要素のスタイル属性のleftプロパティの値を取得、もしくは、設定するプロパティ。leftプロパティは、ボックス要素の左端から基準位置までの距離を指定することができる。 -
style.zIndexプロパティ
要素のスタイル属性のz-indexプロパティの値を取得、もしくは、設定するプロパティ。z-indexプロパティは、ボックス要素の重なり順を指定することができる。
幅、高さ
-
style.widthプロパティ
要素のスタイル属性のwidthプロパティの値を取得、もしくは、設定するプロパティ。widthプロパティは、要素の幅を指定することができる。 -
style.heightプロパティ
要素のスタイル属性のheightプロパティの値を取得、もしくは、設定するプロパティ。heightプロパティは、要素の高さを指定することができる。 -
style.maxWidthプロパティ
要素のスタイル属性のmax-widthプロパティの値を取得、もしくは、設定するプロパティ。max-widthプロパティは、要素の幅の最大値を指定することができる。 -
style.maxHeightプロパティ
要素のスタイル属性のmax-heightプロパティの値を取得、もしくは、設定するプロパティ。max-heightプロパティは、要素の高さの最大値を指定することができる。 -
style.minWidthプロパティ
要素のスタイル属性のmin-widthプロパティの値を取得、もしくは、設定するプロパティ。min-widthプロパティは、要素の幅の最小値を指定することができる。 -
style.minHeightプロパティ
要素のスタイル属性のmin-heightプロパティの値を取得、もしくは、設定するプロパティ。min-heightプロパティは、要素の高さの最小値を指定することができる。
マージン
-
style.marginプロパティ
要素のスタイル属性のmarginプロパティの値を取得、もしくは、設定するプロパティ。marginプロパティは、要素の上下左右のマージン(外側の余白)を一括指定することができる。 -
style.marginTopプロパティ
要素のスタイル属性のmargin-topプロパティの値を取得、もしくは、設定するプロパティ。margin-topプロパティは、要素の上のマージン(外側の余白)を指定することができる。 -
style.marginRightプロパティ
要素のスタイル属性のmargin-rightプロパティの値を取得、もしくは、設定するプロパティ。margin-rightプロパティは、要素の右のマージン(外側の余白)を指定することができる。 -
style.marginBottomプロパティ
要素のスタイル属性のmargin-bottomプロパティの値を取得、もしくは、設定するプロパティ。margin-bottomプロパティは、要素の下のマージン(外側の余白)を指定することができる。 -
style.marginLeftプロパティ
要素のスタイル属性のmargin-leftプロパティの値を取得、もしくは、設定するプロパティ。margin-leftプロパティは、要素の左のマージン(外側の余白)を指定することができる。
パディング
-
style.paddingプロパティ
要素のスタイル属性のpaddingプロパティの値を取得、もしくは、設定するプロパティ。paddingプロパティは、要素の上下左右のパディング(内側の余白)を一括指定することができる。 -
style.paddingTopプロパティ
要素のスタイル属性のpadding-topプロパティの値を取得、もしくは、設定するプロパティ。padding-topプロパティは、要素の上のパディング(内側の余白)を指定することができる。 -
style.paddingRightプロパティ
要素のスタイル属性のpadding-rightプロパティの値を取得、もしくは、設定するプロパティ。padding-rightプロパティは、要素の右のパディング(内側の余白)を指定することができる。 -
style.paddingBottomプロパティ
要素のスタイル属性のpadding-bottomプロパティの値を取得、もしくは、設定するプロパティ。padding-bottomプロパティは、要素の下のパディング(内側の余白)を指定することができる。 -
style.paddingLeftプロパティ
要素のスタイル属性のpadding-leftプロパティの値を取得、もしくは、設定するプロパティ。padding-leftプロパティは、要素の左のパディング(内側の余白)を指定することができる。
ボーダー
-
style.borderプロパティ
要素のスタイル属性のborderプロパティの値を取得、もしくは、設定するプロパティ。borderプロパティは、要素の枠線の幅とスタイルと色を一括指定することができる。 -
style.borderWidthプロパティ
要素のスタイル属性のborder-widthプロパティの値を取得、もしくは、設定するプロパティ。border-widthプロパティは、要素の4辺の枠線の幅を指定することができる。 -
style.borderStyleプロパティ
要素のスタイル属性のborder-styleプロパティの値を取得、もしくは、設定するプロパティ。border-styleプロパティは、要素の4辺の枠線のスタイルを指定することができる。 -
style.borderColorプロパティ
要素のスタイル属性のborder-colorプロパティの値を取得、もしくは、設定するプロパティ。border-colorプロパティは、要素の4辺の枠線の色を指定することができる。 -
style.borderTopプロパティ
要素のスタイル属性のborder-topプロパティの値を取得、もしくは、設定するプロパティ。border-topプロパティは、要素の上の枠線の幅とスタイルと色を一括指定することができる。 -
style.borderRightプロパティ
要素のスタイル属性のborder-rightプロパティの値を取得、もしくは、設定するプロパティ。border-rightプロパティは、要素の右の枠線の幅とスタイルと色を一括指定することができる。 -
style.borderBottomプロパティ
要素のスタイル属性のborder-bottomプロパティの値を取得、もしくは、設定するプロパティ。border-bottomプロパティは、要素の下の枠線の幅とスタイルと色を一括指定することができる。 -
style.borderLeftプロパティ
要素のスタイル属性のborder-leftプロパティの値を取得、もしくは、設定するプロパティ。border-leftプロパティは、要素の左の枠線の幅とスタイルと色を一括指定することができる。 -
style.borderTopWidthプロパティ
要素のスタイル属性のborder-top-widthプロパティの値を取得、もしくは、設定するプロパティ。border-top-widthプロパティは、要素の上の枠線の幅を指定することができる。 -
style.borderRightWidthプロパティ
要素のスタイル属性のborder-right-widthプロパティの値を取得、もしくは、設定するプロパティ。border-right-widthプロパティは、要素の右の枠線の幅を指定することができる。 -
style.borderBottomWidthプロパティ
要素のスタイル属性のborder-bottom-widthプロパティの値を取得、もしくは、設定するプロパティ。border-bottom-widthプロパティは、要素の下の枠線の幅を指定することができる。 -
style.borderLeftWidthプロパティ
要素のスタイル属性のborder-left-widthプロパティの値を取得、もしくは、設定するプロパティ。border-left-widthプロパティは、要素の左の枠線の幅を指定することができる。 -
style.borderTopStyleプロパティ
要素のスタイル属性のborder-top-styleプロパティの値を取得、もしくは、設定するプロパティ。border-top-styleプロパティは、要素の上の枠線のスタイルを指定することができる。 -
style.borderRightStyleプロパティ
要素のスタイル属性のborder-right-styleプロパティの値を取得、もしくは、設定するプロパティ。border-right-styleプロパティは、要素の右の枠線のスタイルを指定することができる。 -
style.borderBottomStyleプロパティ
要素のスタイル属性のborder-bottom-styleプロパティの値を取得、もしくは、設定するプロパティ。border-bottom-styleプロパティは、要素の下の枠線のスタイルを指定することができる。 -
style.borderLeftStyleプロパティ
要素のスタイル属性のborder-left-styleプロパティの値を取得、もしくは、設定するプロパティ。border-left-styleプロパティは、要素の左の枠線のスタイルを指定することができる。 -
style.borderTopColorプロパティ
要素のスタイル属性のborder-top-colorプロパティの値を取得、もしくは、設定するプロパティ。border-top-colorプロパティは、要素の上の枠線の色を指定することができる。 -
style.borderRightColorプロパティ
要素のスタイル属性のborder-right-colorプロパティの値を取得、もしくは、設定するプロパティ。border-right-colorプロパティは、要素の右の枠線の色を指定することができる。 -
style.borderBottomColorプロパティ
要素のスタイル属性のborder-bottom-colorプロパティの値を取得、もしくは、設定するプロパティ。border-bottom-colorプロパティは、要素の上の枠線の色を指定することができる。 -
style.borderLeftColorプロパティ
要素のスタイル属性のborder-left-colorプロパティの値を取得、もしくは、設定するプロパティ。border-left-colorプロパティは、要素の左の枠線の色を指定することができる。
アウトライン
-
style.outlineプロパティ
要素のスタイル属性のoutlineプロパティの値を取得、もしくは、設定するプロパティ。outlineプロパティは、要素のアウトライン(輪郭線)の幅とスタイルと色を一括指定することができる。 -
style.outlineWidthプロパティ
要素のスタイル属性のoutline-widthプロパティの値を取得、もしくは、設定するプロパティ。outline-widthプロパティは、要素のアウトライン(輪郭線)の幅を指定することができる。 -
style.outlineStyleプロパティ
要素のスタイル属性のoutline-styleプロパティの値を取得、もしくは、設定するプロパティ。outline-styleプロパティは、要素のアウトライン(輪郭線)のスタイルを指定することができる。 -
style.outlineColorプロパティ
要素のスタイル属性のoutline-colorプロパティの値を取得、もしくは、設定するプロパティ。outline-colorプロパティは、要素のアウトライン(輪郭線)の色を指定することができる。
背景
-
style.backgroundプロパティ
要素のスタイル属性のbackgroundプロパティの値を取得、もしくは、設定するプロパティ。backgroundプロパティは、要素の背景画像や背景色などを一括指定することができる。 -
style.backgroundColorプロパティ
要素のスタイル属性のbackground-colorプロパティの値を取得、もしくは、設定するプロパティ。background-colorプロパティは、要素の背景色を指定することができる。 -
style.backgroundImageプロパティ
要素のスタイル属性のbackground-imageプロパティの値を取得、もしくは、設定するプロパティ。background-imageプロパティは、要素の背景画像を指定することができる。 -
style.backgroundPositionプロパティ
要素のスタイル属性のbackground-positionプロパティの値を取得、もしくは、設定するプロパティ。background-positionプロパティは、要素の背景画像の位置を指定することができる。 -
style.backgroundRepeatプロパティ
要素のスタイル属性のbackground-repeatプロパティの値を取得、もしくは、設定するプロパティ。background-repeatプロパティは、要素の背景画像を水平方向(X軸)や垂直方向(Y軸)へ並べて表示するかどうかを指定することができる。 -
style.backgroundAttachmentプロパティ
要素のスタイル属性のbackground-attachmentプロパティの値を取得、もしくは、設定するプロパティ。background-attachmentプロパティは、スクロール時に背景画像を固定表示させるか追随させるかを指定することができる。
テキスト
-
style.fontプロパティ
要素のスタイル属性のfontプロパティの値を取得、もしくは、設定するプロパティ。fontプロパティは、フォントに関する設定を一括指定することができる。 -
style.fontStyleプロパティ
要素のスタイル属性のfont-styleプロパティの値を取得、もしくは、設定するプロパティ。font-styleプロパティは、フォントスタイルを指定することができる。 -
style.fontVariantプロパティ
要素のスタイル属性のfont-variantプロパティの値を取得、もしくは、設定するプロパティ。font-variantプロパティは、スモールキャップフォントを指定することができる。スモールキャップフォントとは、アルファベットの小文字を、小文字サイズの大文字で表示するフォントのこと。 -
style.fontWeightプロパティ
要素のスタイル属性のfont-weightプロパティの値を取得、もしくは、設定するプロパティ。font-weightプロパティは、フォントの太さを指定することができる。太さは9段階で指定できるが、9段階の太さに対応したフォントはほぼなく、「normal(400)」と「bold(700)」の2段階であることが多い。 -
style.fontSizeプロパティ
要素のスタイル属性のfont-sizeプロパティの値を取得、もしくは、設定するプロパティ。font-sizeプロパティは、フォントサイズ(文字の大きさ)を指定することができる。 -
style.lineHeightプロパティ
要素のスタイル属性のline-heightプロパティの値を取得、もしくは、設定するプロパティ。line-heightプロパティは、行間(行の高さ)を指定することができる。 -
style.fontFamilyプロパティ
要素のスタイル属性のfont-familyプロパティの値を取得、もしくは、設定するプロパティ。font-familyプロパティは、フォント(書体)を指定することができる。 -
style.colorプロパティ
要素のスタイル属性のcolorプロパティの値を取得、もしくは、設定するプロパティ。colorプロパティは、文字の色を指定することができる。 -
style.textShadowプロパティ
要素のスタイル属性のtext-shadowプロパティの値を取得、もしくは、設定するプロパティ。text-shadowプロパティは、テキストに影を加えることができる。 -
style.textDecorationプロパティ
要素のスタイル属性のtext-decorationプロパティの値を取得、もしくは、設定するプロパティ。text-decorationプロパティは、テキストに、下線、上線、取消線を加えることができる。 -
style.textTransformプロパティ
要素のスタイル属性のtext-transformプロパティの値を取得、もしくは、設定するプロパティ。text-transformプロパティは、大文字小文字変換方法を指定することができる。 -
style.quotesプロパティ
要素のスタイル属性のquotesプロパティの値を取得、もしくは、設定するプロパティ。quotesプロパティは、引用符を指定することができる。 -
style.textAlignプロパティ
要素のスタイル属性のtext-alignプロパティの値を取得、もしくは、設定するプロパティ。text-alignプロパティは、テキストの水平方向の配置を指定することができる。 -
style.verticalAlignプロパティ
要素のスタイル属性のverticalAlignプロパティの値を取得、もしくは、設定するプロパティ。verticalAlignプロパティは、インライン要素やテーブル(表)のセルで使うことで、行内やセル内における垂直方向の配置を指定することができる。 -
style.textIndentプロパティ
要素のスタイル属性のtext-indentプロパティの値を取得、もしくは、設定するプロパティ。text-indentプロパティは、ブロック内のテキストの最初の行のインデントを指定することができる。 -
style.unicodeBidiプロパティ
要素のスタイル属性のunicode-bidiプロパティの値を取得、もしくは、設定するプロパティ。unicode-bidiプロパティは、テキストの方向を指定することができる。 -
style.directionプロパティ
要素のスタイル属性のdirectionプロパティの値を取得、もしくは、設定するプロパティ。directionプロパティは、テキストの方向を指定することができる。 -
style.letterSpacingプロパティ
要素のスタイル属性のletter-spacingプロパティの値を取得、もしくは、設定するプロパティ。letter-spacingプロパティは、文字と文字の間の長さを指定することができる。 -
style.wordSpacingプロパティ
要素のスタイル属性のword-spacingプロパティの値を取得、もしくは、設定するプロパティ。word-spacingプロパティは、単語と単語の間の長さを指定することができる。 -
style.whiteSpaceプロパティ
要素のスタイル属性のwhite-spaceプロパティの値を取得、もしくは、設定するプロパティ。white-spaceプロパティは、空白(スペース)、タブ、改行の取扱いを指定することができる。
リスト
-
style.listStyleプロパティ
リスト要素のスタイル属性のlist-styleプロパティの値を取得、もしくは、設定するプロパティ。list-styleプロパティは、順不同リストや順序リストのリスト項目のリストマーカーやリスト番号の種類と位置と画像を、一括指定することができる。 -
style.listStyleTypeプロパティ
リスト要素のスタイル属性のlist-style-typeプロパティの値を取得、もしくは、設定するプロパティ。list-style-typeプロパティは、順不同リストや順序リストのリスト項目のリストマーカーやリスト番号の種類を指定することができる。 -
style.listStylePositionプロパティ
リスト要素のスタイル属性のlist-style-positionプロパティの値を取得、もしくは、設定するプロパティ。list-style-positionプロパティは、順不同リストや順序リストのリスト項目のリストマーカーやリスト番号の表示位置を指定することができる。 -
style.listStyleImageプロパティ
リスト要素のスタイル属性のlist-style-imageプロパティの値を取得、もしくは、設定するプロパティ。list-style-imageプロパティは、リスト項目のリストマーカー用の画像を指定することができる。
テーブル
-
style.borderCollapseプロパティ
要素のスタイル属性のborder-collapseプロパティの値を取得、もしくは、設定するプロパティ。border-collapseプロパティは、表(テーブル)における隣り合う枠線(ボーダー)を重ねるか重ねないかを指定することができる。 -
style.borderSpacingプロパティ
要素のスタイル属性のborder-spacingプロパティの値を取得、もしくは、設定するプロパティ。border-spacingプロパティは、表(テーブル)における隣り合うセルの枠線(ボーダー)の間隔を指定することができる。 -
style.emptyCellsプロパティ
要素のスタイル属性のempty-cellsプロパティの値を取得、もしくは、設定するプロパティ。empty-cellsプロパティは、表(テーブル)における空白セルの枠線を表示するかしないかを指定することができる。 -
style.captionSideプロパティ
要素のスタイル属性のcaption-sideプロパティの値を取得、もしくは、設定するプロパティ。caption-sideプロパティは、表のタイトル(caption要素)の配置を指定することができる。 -
style.tableLayoutプロパティ
要素のスタイル属性のtable-layoutプロパティの値を取得、もしくは、設定するプロパティ。table-layoutプロパティは、表(テーブル)の列の幅を自動調整するかどうかを指定することができる。
印刷
-
style.pageBreakBeforeプロパティ
要素のスタイル属性のpage-break-beforeプロパティの値を取得、もしくは、設定するプロパティ。page-break-beforeプロパティは、指定要素の直前で改ページするかしないかを指定することができる。 -
style.pageBreakAfterプロパティ
要素のスタイル属性のpage-break-afterプロパティの値を取得、もしくは、設定するプロパティ。page-break-afterプロパティは、指定要素の直後で改ページするかしないかを指定することができる。 -
style.pageBreakInsideプロパティ
要素のスタイル属性のpage-break-insideプロパティの値を取得、もしくは、設定するプロパティ。page-break-insideプロパティは、指定要素の内部での改ページを禁止するかしないかを指定することができる。
その他
-
style.cssTextプロパティ
要素のスタイル属性の値を取得、もしくは、設定するプロパティ。要素のCSSルール(スタイル)を動的に一括指定することができる。