style 属性 (HTMLグローバル属性)

スタイルの指定

2018年03月08日

HTMLのstyle属性の説明です。style属性は、要素のインラインスタイルシートを定義する属性です。


目次

  1. 属性の記述例
  2. 属性の説明
  3. 利用可能な属性値

属性の記述例

style属性を使ったHTML記述例
<h1 style="color:blue;text-align:center">これはタイトルです</h1>
<p style="color:green">これは本文です。</p>

 

閲覧中ブラウザーでの表示結果

 

属性の説明

  • style属性は、要素のインラインスタイルシートを定義する属性です。
  • style属性は、グローバル属性であるため、すべての要素で利用することができます。
  • インラインスタイルシートは、外部スタイルシートやstyle要素で定義したいスタイルより、優先度が高くなります。

 

利用可能な属性値

属性値 属性値の説明
スタイル定義(CSS) CSSプロパティと値のセットを設定できます。セミコロン(;)で区切ることで1つ以上設定することも可能です。

 

 

 

Programming Style