English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Styleオブジェクトは、単一のスタイル宣言を表します。
ドキュメントからまたはスタイルを適用する要素からStyleオブジェクトをアクセスできます。
以下の表は、Styleオブジェクトの属性を示します。
「CSS」列は、その属性がどのCSSバージョンで定義されているかを示します（CSS1、CSS2または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 | 背景画像をどのように繰り返すか（タイル）を設定または返します | 1 |
| backgroundClip | 背景の绘画区域を設定または返します | 3 |
| backgroundOrigin | 背景画像の定位区域を設定または返します | 3 |
| backgroundSize | 背景画像のサイズを設定または返します | 3 |
| backfaceVisibility | スクリーンに向いていない場合に要素が見えるべきかどうかを設定または返します | 3 |
| border | borderWidth、borderStyle、borderColorを一つの宣言で設定または返します | 1 |
| borderBottom | 一つの宣言ですべてのborderBottom属性を設定または返します | 1 |
| borderBottomColor | 下部の枠線の色を設定または返します | 1 |
| borderBottomLeftRadius | 左下隅の枠線の形状を設定または返します | 3 |
| borderBottomRightRadius | 右下隅の枠線の形状を設定または返します | 3 |
| borderBottomStyle | 下部の枠線のスタイルを設定または返します | 1 |
| borderBottomWidth | 下部の枠線の幅を設定または返します | 1個 |
| borderCollapse | テーブルの枠線を一つの枠線に折り返すかどうかを設定または返します | 2 |
| borderColor | 要素の枠線の色を設定または返します（最大で四つの値があります） | 1 |
| borderImage | すべてのborderImage属性の短縮属性として使用されます | 3 |
| borderImageOutset | 枠線画像エリアが枠線を超える量を設定または返します | 3 |
| borderImageRepeat | 画像境界を繰り返す、四捨五入する、または伸張するかどうかを設定または返します | 3 |
| borderImageSlice | 画像境界の内向きオフセットを設定または返します | 3 |
| borderImageSource | 枠線として使用される画像を設定または返します | 3 |
| borderImageWidth | 画像の枠線の幅を設定または返します | 3 |
| borderLeft | 一つの宣言ですべてのborderLeft属性を設定または返します | 1 |
| borderLeftColor | 左枠線の色を設定または返します | 1 |
| borderLeftStyle | 左枠線のスタイルを設定または返します | 1 |
| borderLeftWidth | 左枠線の幅を設定または返します | 1個 |
| borderRadius | すべての四个borderRadius属性の短縮属性として使用されます | 3 |
| borderRight | 一つの宣言ですべてのborderRight属性を設定または返します | 1 |
| borderRightColor | 右枠線の色を設定または返します | 1 |
| borderRightStyle | 右枠線のスタイルを設定または返します | 1 |
| borderRightWidth | 右枠線の幅を設定または返します | 1 |
| borderSpacing | テーブルのセル間のスペースを設定または返します | 2 |
| borderStyle | 要素の枠線のスタイルを設定または返します（最大で四つの値があります） | 1 |
| borderTop | 一つの宣言ですべての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 | ：beforeや：afterの仮要素と一緒に使用して生成された内容を挿入します | 2 |
| counterIncrement | 1つまたは複数のカウンタを増やします | 2 |
| counterReset | 1つまたは複数のカウンタを作成またはリセットします | 2 |
| cursor | マウスカーソルに表示する光標の種類を設定または返します | 2 |
| direction | テキストの方向を設定または返します | 2 |
| display | 要素の表示形式を設定または返します | 1 |
| emptyCells | 空白セルの枠線と背景の表示を設定または返します | 2 |
| filter | 画像のフィルタ（ぼかしや鮮やかさなどの視覚効果）を設定または返します | 3 |
| flex | 項目の他の部分に対する長さを設定または返します | 3 |
| flexBasis | エラストックマテリアルの初期長さを設定または返します | 3 |
| flexDirection | エラストックアイテムの方向を設定または返します | 3 |
| flexFlow | flexDirectionとflexWrap属性のショートカット属性 | 3 |
| flexGrow | アイテムが他のアイテムに対して増加する量を設定または返します | 3 |
| flexShrink | アイテムが他のアイテムに対して縮小される方法を設定または返します | 3 |
| flexWrap | エラストックアイテムが包装されるかどうかを設定または返します | 3 |
| cssFloat | 要素の水平アライメント方式を設定または返します | 1 |
| font | fontStyle、fontVariant、fontWeight、fontSize、lineHeight、fontFamilyを1つの宣言で設定または返します | 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 |
| isolation | 要素が新しいスタックコンテンツを作成する必要があるかどうかを定義します | 3 |
| justifyContent | アイテムがすべての利用可能なスペースを使用していない場合、エラストックコンテナ内でのアイテムのアライメント方式を設定または返します | 3 |
| left | 定位要素の左側の位置を設定または返します | 2 |
| letterSpacing | テキストの文字間のスペースを設定または返します | 1 |
| lineHeight | テキストの行間の距離を設定または返します | 1 |
| listStyle | listStyleImage、listStylePosition、listStyleTypeを1つの宣言で設定または返します | 1 |
| listStyleImage | リストアイテムのマークとして画像を設定または返します | 1 |
| listStylePosition | リストアイテムのマーク位置を設定または返します | 1 |
| listStyleType | リストアイテムのマークタイプを設定または返します | 1 |
| margin | 要素のマージン（最大で4つの値を含むことができます）を設定または返します | 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 |
| objectFit | リプレースメント要素の内容がどのようにフレームに適合するかを指定します | 3 |
| objectPosition | リプレースメント要素がフレーム内でどのように配置されるかを指定します | 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 | 要素の余白（最大で4つの値を含むことができます）を設定または返します | 1 |
| paddingBottom | 要素の下側の余白を設定または返します | 1 |
| paddingLeft | 要素の左側の余白を設定または返します | 1 |
| paddingRight | 要素の右側の余白を設定または返します | 1 |
| paddingTop | 要素の上側の余白を設定または返します | 1 |
| pageBreakAfter | ページの後ろに分页符を設定または返します | 2 |
| pageBreakBefore | 要素前のページブレイクの行動を設定または返します | 2 |
| pageBreakInside | 要素内のページブレイクの行動を設定または返します | 2 |
| perspective | 視点を設定または返します3D要素の透視 | 3 |
| perspectiveOrigin | 設定または返します3D要素のボトム位置 | 3 |
| position | 要素の定位方法のタイプ（静的、相対的、絶対的、固定）を設定または返します | 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 |
| userSelect | 要素のテキストが選択可能であるかどうかを設定または取得します | 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属性