説明
下記はp要素にstyle属性を指定した例です。このように、スタイルシートのブロック({...}
)の中身を、そのまま、属性値に指定することができます。
HTML
<p style="background-color:#D36015; color:#fff;">おはよう</p>
おはよう
クオーテーションに注意
クオーテーション("
や'
)にはご注意下さい。スタイルシートに含まれるクオーテーションが、属性値を囲むクオーテーションと囲むと、ブラウザが、どこからどこまでが属性値なのかを判断できず、表示が崩れてしまいます。下記が、その例です。この場合は、どちらかをシングルクオーテーション('
)に変更しましょう。
HTML
<p style="-ms-filter:"FlipH"">おはよう</p>