Styleオブジェクト

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ルール(スタイル)を動的に一括指定することができる。

スポンサード リンク