style=""

更新日
仕様 HTML Living Standard
分類 グローバル属性

style属性は、要素に対して直接スタイルを指定します。


<p style="color: #ff0000;">スタイルを指定します</p>

属性
グローバル属性
style="" 要素のスタイル CSSコード スタイルのコード

style属性の指定について

style属性の値には、CSSのプロパティと値のセットを記述します。

<p style="font-size: 150%">スタイルを指定します</p>

複数のスタイルを指定したい場合は、セミコロン( ; )で区切って次のように記述します。

<p style="font-size: 150%; color: #ff0000;">スタイルを指定します</p>

また、style属性を使用する際の注意点として、仕様書には以下のように書かれています。(Google翻訳を使用)

  • 要素のいずれかにスタイル属性を使用するドキュメントは、それらの属性が削除された場合でも、理解可能で使用可能である必要があります。
  • 特に、style属性を使用してコンテンツを表示および非表示にしたり、ドキュメントに含まれていない意味を伝えたりすることは不適合です。(コンテンツを表示および非表示にするには、hidden属性を使用します)

ということだそうです。

指定できる要素

style属性はグローバル属性のため、全てのHTML要素に指定することができます。

  • ただし、属性と要素の組み合わせによっては効果がない場合もあります。

使用例

2種類のスタイルを指定した例

<p style="font-size: 150%; color: #ff0000;">文字サイズと文字色を指定。</p>

表示例

文字サイズと文字色を指定。