HTMLのStyle属性
HTML要素のスタイルを設定し、で行うことができstyle属性。
HTMLのスタイル属性の構文は次のとおりです 。
style=" property : value; "
property CSSプロパティです。 value CSS値です。
後でこのチュートリアルでCSSについての詳細を学びます。
HTMLの背景色
background-colorプロパティは、HTML要素の背景色を定義します。
この例ではlightgreyへページの背景を設定します。
例
<body style="background-color:lightgrey;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
»それを自分で試してみてください HTMLテキストの色
colorプロパティは、HTML要素のテキストの色を定義します。
例
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
»それを自分で試してみてください HTMLフォント
font-familyプロパティは、HTML要素に使用するフォントを定義しています。
例
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
»それを自分で試してみてください HTML文字サイズ
font-sizeプロパティは、HTML要素のテキストのサイズを定義します。
例
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
»それを自分で試してみてください HTMLのテキストの配置
text-alignプロパティは、HTML要素の水平方向のテキストの配置を定義します。
章のまとめ
- 使用styleスタイリングHTML要素の属性を
- 使用するbackground-color背景色用
- 使用するcolorテキストの色のために
- 使用するfont-familyテキストフォントのため
- 使用するfont-sizeテキストのサイズに
- 使用text-alignテキストの配置のために