HTMLスタイル
HTMLstyle属性は、色、フォント、サイズなどのスタイルを要素に追加するために使用されます。
HTMLスタイル属性
HTML要素のスタイルの設定は、style属性。
HTMLstyle属性の構文は次のとおりです。
<tagname
style="property:value;">
propertyはCSSプロパティです。valueはCSS値です。
CSSについては、このチュートリアルの後半で詳しく学習します。
背景色
CSSbackground-colorプロパティは、HTML要素の背景色を定義します。
例
ページの背景色をpowderblueに設定します。
<body style="background-color:powderblue;">
<h1>最初の見出し</h1>
<p>最初の段落</p>
</body>
例
2つの異なる要素の背景色を設定します。
<body>
<h1 style="background-color:powderblue;">最初の見出し</h1>
<p style="background-color:tomato;">最初の段落</p>
</body>
テキストの色
CSScolorプロパティは、HTML要素のテキストの色を定義します。
フォント
CSSfont-familyプロパティは、HTML要素に使用するフォントを定義します。
文字サイズ
CSSfont-sizeプロパティは、HTML要素のテキストサイズを定義します。
テキストの配置
CSStext-alignプロパティは、HTML要素のテキストの水平方向の配置を定義します。
この章のまとめ
・style属性を使用してHTML要素をスタイリングします。
・背景色にはbackground-colorを使用します。
・テキストの色にcolorを使用します。
・テキストフォントにはfont-familyを使用します。
・テキストのサイズにはfont-sizeを使用します。
・テキストの配置にはtext-alignを使用します。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。