泣き虫の備忘録

等身大の日常をつづります

【HTML5】インラインスタイルシート

インラインスタイルシート

特定の要素にスタイルを記述する場合、スタイルを指定する要素にstyle属性として記述します。

 

記述例

<h2 style="color:red ; text-decoretion: underline">重要なお知らせ</h2>

 

・1つの要素に複数のスタイルを指定する場合には、「プロパティ:値」の間を;で区切ります。

・複数の要素に同じスタイルを適用させる場合でも、一つ一つの要素に指定する必要があります。

・一括してスタイルを適用することはできません。

・複数の要素に一括してスタイルを指定するのは、外部スタイルシートまたは内部スタイルシートが適しています。

文章構造とスタイルを分離させるという点では、インラインスタイルシートや内部スタイルシートを使用せず、外部スタイルシートを参照する方が理想的です。

 

スタイルシートの優先順位

  1. インラインスタイルシート
  2. 外部スタイルシート または 内部スタイルシート
  3. ユーザスタイルシート
  4. ユーザエージェントスタイルシート