HTMLスタイル
HTMLstyle属性は、色、フォント、サイズなどのスタイルを要素に追加するために使用されます。
例
私は赤です
私は憂うつです
私は大きい
HTMLスタイル属性
HTML要素のスタイルの設定は、style属性を使用して行うことができます。
HTMLstyle属性の構文は次のとおりです。
<tagname
style="property:value;">
プロパティはCSSプロパティです。値はCSS値です。
CSSについては、このチュートリアルの後半で詳しく説明します。
背景色
CSSbackground-colorプロパティは、HTML要素の背景色を定義します。
例
ページの背景色をpowderblueに設定します。
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
例
2つの異なる要素の背景色を設定します。
<body>
<h1 style="background-color:powderblue;">This is a heading</h1>
<p
style="background-color:tomato;">This is a paragraph.</p>
</body>
テキストの色
CSScolorプロパティは、HTML要素のテキストの色を定義します。
例
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
フォント
CSSfont-familyプロパティは、HTML要素に使用されるフォントを定義します。
例
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
文字サイズ
CSSfont-sizeプロパティは、HTML要素のテキストサイズを定義します。
例
<h1 style="font-size:300%;">This is a heading</h1>
<p
style="font-size:160%;">This is a paragraph.</p>
テキストの配置
CSStext-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テキストの配置に使用