HTML スタイル

I am Red

I am Blue

I am Big

HTML Style 属性

HTML 要素にスタイルを設定するには、style 属性を使用します。

HTML style 属性の構文は次の通りです：

property は、CSS のプロパティです。value は、CSS の値です。

このチュートリアルの後段で CSS を詳しく学習します。

background-color プロパティは、HTML 要素の背景色を定義します。

下の例では、ページの背景色に powderblue を設定しています：

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

color プロパティは、HTML 要素に使用するテキストの色を定義します：

<body>
<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>
</body>

font-family プロパティは、HTML 要素に使用するフォントを定義します：

<body>
<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph.</p>
</body>

font-size プロパティは、HTML 要素に使用するテキストのサイズを定義します：

<body>
<h1 style="font-size:300%">This is a heading</h1>
<p style="font-size:160%">This is a paragraph.</p>
</body>

text-align プロパティは、HTML 要素の横方向のテキストの配置を定義します：

<body>
<h1 style="text-align:center">Centered Heading</h1>
<p>This is a paragraph.</p>
</body>