HTML要素に直接スタイルを記述する

書式

<要素名 style="設定するスタイル">

説明

HTML要素に直接スタイルを記述するにはstyle属性を使います。style属性に要素に設定したいスタイルのプロパティ名と値を書きます。複数指定する場合には;(セミコロン)で区切って列記することもできます。
よほどの事がない限り、要素内で直接スタイルを設定することはしない方がよいでしょう。

サンプル サンプルを実行 サンプルをダウンロード

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3例文辞典サンプル</title>
<body>
<h1 style="color:red">CSS3 Sample</h1>
<p>見出し文字の色が赤色になります</p>
</body>
</html>
目次に戻る