スタイルシート 1

■ スタイルシートってなに？

次の例をみてください。

テーブルの枠線が点線になっています。
どうやっているのか･･･入力ソースをみてみましょう。

赤色の部分。これがスタイルシートです。
いままでやってきた属性と同じように、タグに入れてしまえばいいのです。

基本的な形は
<タグ半角スペース style="プロパティ:値;">

今回の場合は

<table 半角スペース style="border(プロパティ):1px(値) 半角スペース dashed(値) 半角スペース #ff6600(値);">

となっています。

また、今回は値が「1px」と「dashed」と「#ff6600」の3つあります。
このように、値が複数あるときは、
値と値の間に「半角スペース」をいれます。

スタイルシートを使うときは
プロパティと値の間には「:」を
値と値の間には「半角スペース」を
値の最後に「;」を忘れずにいれます。

ちなみに今回の例をみると

style=" プロパティ : 値 ;"（テーブルにスタイルシートをつかいたい）

border（テーブルの枠を設定したい）

1px dashed #ff6600（枠の幅を1px・点線・枠の色を#ff6600にしたい）

という構成になっています。