複数のスタイルを設定するには?

「プロパティ:値」を「;」で区切る
セレクタを使ってスタイルを設定する場合、背景色と文字色、文字の大きさと色など複数のスタイルを表現したい場合、「プロパティ:値」をセミコロ ン「;」で区切って並べ挙げます。「;」の後で改行しても効果は一緒なので、見易さを考えて改行して記すよいのではないでしょうか。3 つ以上並べ挙げる場合も同じです。
②背景と文字色を指定する
下のソースでは背景色を指定するbackground-color プ口パティを 「blue」、文字色を指定するcolor プ口パティを 「white」に設定しています。 なお、並べ挙げた末尾の「プロパティ:値」のあとの「;」は不要ですが、あとでスタイルを追加するときに付け忘れないように付けておいてもよ いでしょう。

<html>

<head>

<title>複数スタイルの設定</title>

<style type=”text/title>

<!–

h1{background-color:blue;

color:white;

}

–>

</style>

</head>

<body>

<h1>Cascading Style Sheets</h1>

</body>

</html>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です