style - スタイルシートを指定する

styleは、要素にスタイルシートを指定するためのタグです。この属性によって指定されたスタイルシートを、インラインスタイルと言います。

説明

下記はp要素にstyle属性を指定した例です。このように、スタイルシートのブロック({...})の中身を、そのまま、属性値に指定することができます。

HTML

<p style="background-color:#D36015; color:#fff;">おはよう</p>

おはよう

クオーテーションに注意

クオーテーション("')にはご注意下さい。スタイルシートに含まれるクオーテーションが、属性値を囲むクオーテーションと囲むと、ブラウザが、どこからどこまでが属性値なのかを判断できず、表示が崩れてしまいます。下記が、その例です。この場合は、どちらかをシングルクオーテーション(')に変更しましょう。

HTML

<p style="-ms-filter:"FlipH"">おはよう</p>

参考情報

hidden属性に関する情報は、下記ページで確認できます。

  • W3C … W3Cによる勧告案。
  • WHATWG … WHATWGによる仕様書、HTML Living Standard。