例文
I am Red
I am Blue
I am Big
HTMLスタイル属性
HTML要素のスタイルを設定するには、 style 属性を使用します。
HTML style 属性の構文は以下のとおりです。:
<tagname
style=”property:value;“>
このプロパティはCSSプロパティです。値は、 CSS値です。
このチュートリアルの後半でCSSの詳細を学びます。
背景色
CSS background-color プロパティは、HTML要素の背景色を定義します。
この例では、ページの背景色をpowderblueに設定します。:
例文
<body style=”background-color:powderblue;”>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
スポンサーリンク
テキストの色
CSS color プロパティは、HTML要素のテキスト色を定義します。:
例文
<h1 style=”color:blue;”>This is a heading</h1>
<p style=”color:red;”>This is a paragraph.</p>
フォント
CSS font-family プロパティは、HTML要素に使用されるフォントを定義します。:
例文
<h1 style=”font-family:verdana;”>This is a heading</h1>
<p style=”font-family:courier;”>This is a paragraph.</p>
スポンサーリンク
文字サイズ
CSS font-size プロパティは、HTML要素のテキストサイズを定義します。:
例文
<h1 style=”font-size:300%;”>This is a heading</h1>
<p
style=”font-size:160%;”>This is a paragraph.</p>
テキストの配置
CSS text-align プロパティは、HTML要素の水平方向のテキスト配置を定義します。:
例文
<h1 style=”text-align:center;”>Centered Heading</h1>
<p style=”text-align:center;”>Centered paragraph.</p>
スポンサーリンク
まとめ
styleHTML要素のスタイル設定にこの属性を使用するbackground-color背景色に使うcolorテキストの色に使用font-familyテキストフォントに使用font-size文字サイズに使用text-alignテキストの配置に使用
<