Styleオブジェクト
Styleオブジェクトは、個々のスタイル文を表します。
スタイルオブジェクトにアクセス
スタイルオブジェクトは、文書のヘッド部から、または特定のHTMLからアクセスすることができるelement(s) 。
スタイルへのアクセスobject(s) 、文書のヘッド部から：
指定された要素のスタイルオブジェクトへのアクセス：
スタイルオブジェクトを作成します。
あなたは、作成することができます<style>使用して要素をdocument. createElement() document. createElement()メソッド：
また、既存の要素のスタイルプロパティを設定することができます。
スタイルオブジェクトのプロパティ
"CSS"の列は、CSSバージョンプロパティが定義されているに示す(CSS1, CSS2, or CSS3)
| プロパティ | 説明 | CSS |
|---|---|---|
| alignContent | セットまたはアイテムがすべての利用可能なスペースを使用しないフレキシブルコンテナ内部のライン間のアラインメントを返します | 3 |
| alignItems | 設定又はフレキシブルコンテナ内のアイテムのためのアラインメントを返します | 3 |
| alignSelf | セット又はフレキシブルコンテナ内部の選択されたアイテムのアラインメントを返します | 3 |
| animation | animationPlayStateプロパティを除く以下のすべてのアニメーションプロパティの短縮形プロパティ、 | 3 |
| animationDelay | 設定または返しますアニメーションが始まります | 3 |
| animationDirection | アニメーションが交互のサイクルで逆に再生する必要があるかどうかを設定または返します | 3 |
| animationDuration | アニメーションが1サイクルを完了するのにかかる秒数またはミリ秒を設定または返します | 3 |
| animationFillMode | それが実行している時間外のアニメーションによって適用されているどのような値を設定または返します | 3 |
| animationIterationCount | 設定やアニメーションを再生する回数を返します。 | 3 |
| animationName | 設定または@keyframesアニメーションの名前を返します。 | 3 |
| animationTimingFunction | 設定やアニメーションの速度曲線を返します。 | 3 |
| animationPlayState | アニメーションが実行中または一時停止されているかどうかを設定または返します | 3 |
| background | 設定または1つの宣言ですべてのバックグラウンドのプロパティを返します。 | 1 |
| backgroundAttachment | ページで設定または背景画像が固定されているかどうかを返すまたはスクロール | 1 |
| backgroundColor | セットまたは要素の背景色を返します | 1 |
| backgroundImage | セットまたは要素の背景画像を返します | 1 |
| backgroundPosition | 設定または背景画像の開始位置を返します | 1 |
| backgroundRepeat | 繰り返すためにどのように設定または返します(tile)背景画像 | 1 |
| backgroundClip | 設定や背景の絵の面積を返します | 3 |
| backgroundOrigin | 設定または背景画像の配置面積を返します | 3 |
| backgroundSize | 設定や背景画像のサイズを返します。 | 3 |
| backfaceVisibility | 画面に面していないときに要素が可視であるかどうかを設定または返します | 3 |
| border | 設定または1つの宣言でborderWidth、のborderStyle、およびBORDERCOLORを返します。 | 1 |
| borderBottom | 設定または返します1つの宣言内のすべてのborderBottom *プロパティ | 1 |
| borderBottomColor | 設定または下の境界線の色を返します。 | 1 |
| borderBottomLeftRadius | 設定または左下隅のボーダーの形状を返します。 | 3 |
| borderBottomRightRadius | 設定または右下隅の境界線の形状を返します。 | 3 |
| borderBottomStyle | 設定または下の境界線のスタイルを返します。 | 1 |
| borderBottomWidth | 設定または下の境界線の幅を返します。 | 1 |
| borderCollapse | 設定または返しますが、テーブルの境界線は、単一の境界線に崩壊し、すべきかどうか | 2 |
| borderColor | 設定または要素の境界線の色を返します（最大4つの値を持つことができます） | 1 |
| borderImage | すべてborderImageの*プロパティを設定または返すための速記プロパティ | 3 |
| borderImageOutset | 設定または境界画像領域は、境界ボックスを超えて延びている量を返します | 3 |
| borderImageRepeat | 画像ボーダーは、繰り返し丸く又は延伸されるべきかどうかを設定または返します | 3 |
| borderImageSlice | 設定または画像ボーダーの内側にオフセットを返します。 | 3 |
| borderImageSource | セットまたはリターン境界として使用される画像 | 3 |
| borderImageWidth | セットまたはイメージボーダーの幅を返します。 | 3 |
| borderLeft | 設定または1つの宣言で全てborderLeft *のプロパティを返します。 | 1 |
| borderLeftColor | 設定または左の境界線の色を返します。 | 1 |
| borderLeftStyle | 設定または左境界線のスタイルを返します。 | 1 |
| borderLeftWidth | 設定または左境界線の幅を返します。 | 1 |
| borderRadius | すべての4つのボーダー*半径プロパティを設定または返すための速記プロパティ | 3 |
| borderRight | 設定または返します1つの宣言内のすべてのborderRight *プロパティ | 1 |
| borderRightColor | 設定または右の境界線の色を返します。 | 1 |
| borderRightStyle | 設定または右の境界線のスタイルを返します。 | 1 |
| borderRightWidth | 設定または右境界線の幅を返します。 | 1 |
| borderSpacing | セットまたはテーブル内のセル間のスペースを返します。 | 2 |
| borderStyle | 設定または要素の境界線のスタイルを返します（最大4つの値を持つことができます） | 1 |
| borderTop | 設定または1つの宣言で全てborderTop *プロパティを返します。 | 1 |
| borderTopColor | 設定または上罫線の色を返します。 | 1 |
| borderTopLeftRadius | 設定または左上隅のボーダーの形状を返します。 | 3 |
| borderTopRightRadius | 設定または右上隅の境界線の形状を返します。 | 3 |
| borderTopStyle | 設定または上罫線のスタイルを返します。 | 1 |
| borderTopWidth | 設定または上罫線の幅を返します。 | 1 |
| borderWidth | 設定または要素の境界線の幅を返します（最大4つの値を持つことができます） | 1 |
| bottom | 設定または配置要素の底位置を返します | 2 |
| boxDecorationBreak | 設定または改行で、インライン要素のために、改ページの要素の背景と境界の挙動を返し、または。 | 3 |
| boxShadow | ボックスへの1つ以上のドロップシャドウを添付します | 3 |
| boxSizing | あなたは、特定の方法で地域に合わせて特定の要素を定義することができます | 3 |
| captionSide | 設定やテーブルのキャプションの位置を返します。 | 2 |
| clear | セットまたは浮動オブジェクトに要素の位置を返します | 1 |
| clip | 位置決め要素の一部が表示されているセットまたはリターン | 2 |
| color | 設定またはテキストの色を返します。 | 1 |
| columnCount | 設定または要素はに分割されるべき列の数を返します | 3 |
| columnFill | 設定または列を埋めるためにどのように戻って | 3 |
| columnGap | 集合または列間のギャップを返します | 3 |
| columnRule | すべてcolumnRuleの*プロパティを設定または返すための速記プロパティ | 3 |
| columnRuleColor | 設定または列間のルールの色を返します。 | 3 |
| columnRuleStyle | 設定または列間のルールのスタイルを返します。 | 3 |
| columnRuleWidth | 設定または列間のルールの幅を返します。 | 3 |
| columns | columnWidthのとcolumnCountの設定または返すための速記プロパティ | 3 |
| columnSpan | 要素は全体に及ぶ必要がありますどのように多くの列を設定または返します | 3 |
| columnWidth | 設定または列の幅を返します。 | 3 |
| content | 生成されたコンテンツを挿入するために、after疑似要素：前：一緒に使用 | 2 |
| counterIncrement | 1つの以上のカウンタをインクリメントします | 2 |
| counterReset | 作成または一つ以上のカウンタをリセットします | 2 |
| cursor | セットまたはマウスポインタに表示するカーソルの種類を返します | 2 |
| direction | 設定またはテキストの方向を返します。 | 2 |
| display | 設定または要素の表示タイプを返します。 | 1 |
| emptyCells | 空のセルの境界線と背景を表示し、するか否かを設定または返します | 2 |
| filter | 設定または返しますイメージフィルタ(visual effects, like blur and saturation) | 3 |
| flex | 残りに対して設定または項目の長さを返し、 | 3 |
| flexBasis | セットまたは可撓性アイテムの初期長さを返します | 3 |
| flexDirection | 設定または可撓性アイテムの方向を返します | 3 |
| flexFlow | flexDirectionとflexWrapプロパティの短縮形プロパティ | 3 |
| flexGrow | アイテムは残りの部分に比べ大きくなりますどのくらいを設定または返します | 3 |
| flexShrink | アイテムは残りの部分に比べ縮小するかを設定または返します | 3 |
| flexWrap | 柔軟なアイテムがラップすべきか否かを設定または返します | 3 |
| cssFloat | セットまたは要素の水平方向の配置を返し | 1 |
| font | セットまたは1つの宣言のfontStyle、fontVariant、たfontWeight、のfontSize、lineHeightとのfontFamilyを返します | 1 |
| fontFamily | 設定またはテキストのフォントファミリを返します。 | 1 |
| fontSize | 設定またはテキストのフォントサイズを返します。 | 1 |
| fontStyle | フォントのスタイルは、通常のイタリックや斜めであるかどうかを設定または返します | 1 |
| fontVariant | フォントが小さい大文字で表示するかどうかを設定または返します | 1 |
| fontWeight | 設定やフォントの太さを返します。 | 1 |
| fontSizeAdjust | フォントフォールバックが発生したときに、テキストの読みやすさを保持 | 3 |
| fontStretch | フォントファミリから、通常の凝縮、または拡張の顔を選択 | 3 |
| hangingPunctuation | 句読点文字が行ボックスの外側に置くことができるかどうかを指定します | 3 |
| height | 設定または構成要素の高さを返します。 | 1 |
| hyphens | 段落のレイアウトを改善するために、単語を分割する方法を設定します。 | 3 |
| icon | 著者に象徴的な同等で要素をスタイルする機能を提供 | 3 |
| imageOrientation | ユーザエージェントが画像に適用される右または時計回りに回転を指定 | 3 |
| justifyContent | セットまたはアイテムがすべての利用可能なスペースを使用しないフレキシブルコンテナ内のアイテムとの間のアラインメントを返します。 | 3 |
| left | 設定または配置要素の左の位置を返します | 2 |
| letterSpacing | 設定したり、テキストの文字の間にスペースを返します。 | 1 |
| lineHeight | 設定またはテキスト内のライン間の距離を返します。 | 1 |
| listStyle | 1つの宣言で設定または返しますlistStyleImage、listStylePosition、およびlistStyleType | 1 |
| listStyleImage | 設定またはリストアイテムマーカーとして画像を返します。 | 1 |
| listStylePosition | 設定またはリストアイテムマーカーの位置を返します。 | 1 |
| listStyleType | 設定またはリストアイテムマーカーの種類を返します。 | 1 |
| margin | 設定または構成要素のマージンを返します(can have up to four values) | 1 |
| marginBottom | 設定または構成要素の下マージンを返します。 | 1 |
| marginLeft | 設定または構成要素の左マージンを返します。 | 1 |
| marginRight | 設定または要素の右マージンを返します。 | 1 |
| marginTop | 設定または構成要素の上マージンを返します。 | 1 |
| maxHeight | 設定または構成要素の最大高さを返します | 2 |
| maxWidth | セットまたは要素の最大幅を返します | 2 |
| minHeight | 設定またはエレメントの最小の高さを返します | 2 |
| minWidth | セットまたは要素の最小幅を返します | 2 |
| navDown | 矢印ダウンナビゲーションキーを使用するときに設定またはリターンはどこナビゲートします | 3 |
| navIndex | 設定または要素のタブ順序を返します。 | 3 |
| navLeft | 矢印左のナビゲーションキーを使用するときに設定またはリターンはどこナビゲートします | 3 |
| navRight | 矢印右ナビゲーションキーを使用するときに設定またはリターンはどこナビゲートします | 3 |
| navUp | 矢印アップのナビゲーションキーを使用するときに設定またはリターンはどこナビゲートします | 3 |
| opacity | セットまたは要素の不透明度を返します | 3 |
| order | 残りに対して設定またはフレキシブルアイテムの順序を返し、 | 3 |
| orphans | 設定または改ページが要素内に発生したときに、ページの下部に残されなければならない要素の行数の最小値を返します。 | 2 |
| outline | 設定または1つの宣言内のすべてのアウトラインのプロパティを返します。 | 2 |
| outlineColor | 設定または構成要素の周りに輪郭線の色を返します。 | 2 |
| outlineOffset | アウトラインをオフセット、境界エッジを超えて、それを描画します | 3 |
| outlineStyle | 設定または構成要素の周りのアウトラインのスタイルを返します。 | 2 |
| outlineWidth | 設定または構成要素の周りに輪郭線の幅を返します。 | 2 |
| overflow | 要素のボックスの外側をレンダリングするコンテンツをどのように処理するかを設定または返します | 2 |
| overflowX | それは要素のコンテンツ領域をオーバーフローした場合、コンテンツの左/右のエッジをどのように処理するかを指定します | 3 |
| overflowY | それは要素のコンテンツ領域をオーバーフローした場合、コンテンツのトップ/ボトムのエッジをどのように処理するかを指定します | 3 |
| padding | 設定または構成要素のパディングを返します(can have up to four values) | 1 |
| paddingBottom | 設定または構成要素の下パディングを返します。 | 1 |
| paddingLeft | 設定または構成要素の左パディングを返します。 | 1 |
| paddingRight | 設定または要素の右パディングを返します。 | 1 |
| paddingTop | 設定または構成要素の上パディングを返します。 | 1 |
| pageBreakAfter | 設定または要素の後に改ページ動作を返します | 2 |
| pageBreakBefore | 設定または構成要素の前に改ページ動作を返します | 2 |
| pageBreakInside | 設定または構成要素の内部改ページの動作を返します | 2 |
| perspective | 設定または表示されているか、3Dの要素に視点を返します。 | 3 |
| perspectiveOrigin | セットまたは3D要素の底位置を返します | 3 |
| position | セットまたは素子に用いる測位方式のタイプを返す(static, relative, absolute or fixed) | 2 |
| quotes | 設定または埋め込まれた引用のための引用符の種類を返します。 | 2 |
| resize | 要素がユーザーによってサイズ変更可能であるかどうかを設定または返します | 3 |
| right | 設定または配置要素の正しい位置を返します | 2 |
| tableLayout | 設定またはテーブルセル、行、および列をレイアウトする方法を返します。 | 2 |
| tabSize | 設定やタブ文字の長さを返します。 | 3 |
| textAlign | セットまたはテキストの水平方向の配置を返し | 1 |
| textAlignLast | 設定または返す方法をブロックまたはラインの右側の最後の行のテキスト整列のときに強制改行が整列される前に、 "justify" | 3 |
| textDecoration | 設定またはテキストの装飾を返します。 | 1 |
| textDecorationColor | 設定またはテキストの装飾の色を返します。 | 3 |
| textDecorationLine | 設定またはテキストの装飾にラインのタイプを返します | 3 |
| textDecorationStyle | 設定またはテキストの装飾に線のスタイルを返します。 | 3 |
| textIndent | 設定またはテキストの最初の行のインデントを返します。 | 1 |
| textJustify | 設定またはテキスト整列があるときに使用される正当化方法を返す"justify" | 3 |
| textOverflow | テキストが含まれている要素をオーバーフローしたときにどうするかを設定または返します | 3 |
| textShadow | 設定またはテキストの影の効果を返します | 3 |
| textTransform | 設定またはテキストの大文字と小文字を返します。 | 1 |
| top | 設定または配置要素のトップ位置を返します | 2 |
| transform | 要素に2Dまたは3D変換を適用 | 3 |
| transformOrigin | 設定または形質転換された要素の位置を返します | 3 |
| transformStyle | 3D空間でレンダリングされているか、ネストされた要素を設定または返します | 3 |
| transition | 4つの遷移プロパティを設定または戻すための速記プロパティ | 3 |
| transitionProperty | 設定またはトランジション効果があるため、CSSのプロパティを返します。 | 3 |
| transitionDuration | トランジションエフェクトが完了するまでの秒数またはミリ秒を設定または返します | 3 |
| transitionTimingFunction | 設定または遷移効果の速度曲線を返します | 3 |
| transitionDelay | 設定または返しますトランジション効果を開始します | 3 |
| unicodeBidi | テキストが同じ文書に複数の言語をサポートするためにオーバーライドする必要があるかどうかを設定または返します | 2 |
| verticalAlign | セットまたは要素のコンテンツの垂直方向の配置を返し | 1 |
| visibility | 要素が可視であるかどうかを設定または返します | 2 |
| whiteSpace | テキストにタブ、改行や空白文字を処理する方法を設定または返します | 1 |
| width | 設定または要素の幅を返します。 | 1 |
| wordBreak | 非CJKスクリプトのルールを破っセットまたはリターンライン | 3 |
| wordSpacing | 設定またはテキスト内の単語間の間隔を返します。 | 1 |
| wordWrap | 長い、割れない言葉が破られることを可能にすると、次の行に折り返さ | 3 |
| widows | 集合またはページの上部に表示されなければならない要素の行の最小数を返します | 2 |
| zIndex | 設定または配置要素のスタック順序を返します | 2 |
関連ページ
HTMLチュートリアル： HTML CSS
CSSチュートリアル： CSSチュートリアル
HTMLリファレンス： HTML <style>タグ
CSSリファレンス： CSSプロパティ