HTML style 属性

❮ 前へ HTML グローバル属性 次へ ❯

例

HTML 文書での style 属性の使用：

<h1 style="color:blue;text-align:center">This is a header</h1>
<p style="color:green">This is a paragraph.</p>
Try it Yourself ❯

定義と用法

style 属性は、要素にインラインスタイルを指定します。

style 属性は、グローバルに設定されたスタイル（例えば、<style> タグまたは外部スタイルシートで指定したスタイル）をオーバーライドします。

ブラウザ・サポート

属性
style Yes Yes Yes Yes Yes

HTML 4.01 と HTML5 の相違点

HTML5 では、style 属性は全ての HTML 要素で使用することができます （これは、全ての HTML 要素に対して妥当です。しかし、それは必ずしも有益な訳ではありません）。

HTML 4.01 での style 属性は、<base>、<head>、<html>、<meta>、<param>、 <script>、<style>、<title> には使用できません。

構文

<element style="style_definitions">

属性値

値 説明
style_definitions セミコロンで区切られた 1 つ以上の CSS プロパティと値（例えば、style="color:blue;text-align:center"）

関連ページ

HTML チュートリアル：HTML Attributes

CSS チュートリアル：CSS Introduction

JavaScript Tutorial: JavaScript HTML DOM - Changing CSS

HTML DOM リファレンス：HTML DOM Style オブジェクト


HTML DOM リファレンス：HTML DOM style プロパティ

HTML DOM リファレンス：JS getComputedStyle() Method


❮ 前へ HTML グローバル属性 次へ ❯