HTML

The style attribute is used to apply styles directly to HTML elements, allowing you to specify properties such as text color, background color, and font style.

style 属性

 style属性は、HTML要素に直接スタイルを適用するための属性です。この属性を使用することで、文字の色や背景色、フォントのスタイル、要素のサイズなど、さまざまなスタイルを指定することができます。

 style属性の値は CSS(Cascading Style Sheets)のルールと同様の形式で指定されます。CSSはウェブページのスタイルを管理するための言語であり、HTMLと組み合わせて使用することで、見た目やレイアウトを自由に制御することができます。

 style属性を使用して、個々の HTML要素にスタイルを直接適用することができます。例えば、以下のような HTML要素があるとします。

HTML

<p style="color: red; font-size: 20px;">This is a red paragraph with font size 20 pixels.</p>

This is a red paragraph with font size 20 pixels.

 上記の例では、style属性内に color: red; と font-size: 20px; という CSSルールが指定されています。これにより、テキストの色が赤色に、フォントサイズが 20ピクセルに設定されます。

HTML

<p style="color: red; font-size: 20px;">
	This is a red paragraph with font size 20 pixels.
	<span style="font-weight: bold;">This is bold text.</span>
</p>

This is a red paragraph with font size 20 pixels. This is bold text.

 上記の例では、p要素に対して color: red; と font-size: 20px; という CSSルールが指定されています。また、p要素内にある span要素に対しても、別の CSSルールで font-weight: bold; が指定されています。このように、style属性を使用することで、要素の中の特定の部分だけにスタイルを適用することができます。

 style属性を使うことで、HTML要素にスタイルを直接適用することができます。より複雑なスタイルを指定する場合には、CSSファイルを別途作成し、link要素で読み込む方法もあります。しかし、style属性は簡単なスタイルの指定や一時的なスタイルの変更に便利です。