element.style インラインスタイル
最終更新：2026-10-13
element.style インラインスタイル
style プロパティは要素のインライン CSS スタイルを読み書きします。キャメルケースで指定します。
| カテゴリ | DOM操作 |
|---|
戻り値：CSSStyleDeclaration オブジェクト。
元の値を変更するか：はい（その場で変更）
▶ 例
コードを編集して「実行」を押すと、出力パネルに結果が表示されます。
💡 ヒント
ℹ️ info
🌐 ブラウザ対応
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.style | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべてのモダンブラウザで対応 | |||||
🏷️ 関連する DOM メソッド
💡 関連するケース
さらに多くのケースは近日公開予定です。
📚 関連チュートリアル
❓ よくある質問
Qstyle と classList の違いは？
A動的な値には style、定義済みの切り替えには classList を使います。
Qなぜキャメルケースなのですか？
AJS のプロパティ名にハイフンは使えないためです — キャメルケースに変換します。
Q算出スタイルを読み取るには？
AgetComputedStyle(el).color。
