ここでは、スタイルシートのプロパティを簡単に解説し一覧化しています。ここに掲載されているプロパティが全てではありません。全てのプロパティを調べたい場合は、書籍やインターネットなどに多くの情報がありますので、そちらを調べると良いでしょう。
また、プロパティに対する値に関する解説も大幅に省いているため、これも詳しく知りたいのであれば、書籍やインターネットで調べると良いでしょう。
| プロパティ | 効果 |
| background | 背景色、画像、位置など |
| background-color | 背景色 |
| background-image | 背景画像 |
| background-position | 背景画像の位置 |
| background-repeat | 背景画像の繰り返し |
| border | 上下左右の線 |
| border-top | 上線 |
| border-right | 右線 |
| border-bottom | 下線 |
| border-left | 左線 |
| float | 回り込み |
| clear | 回り込み解除 |
| color | 文字色 |
| cursor | カーソル形状 |
| display | 形状 |
| font | 文字書体、大きさ、色など |
| font-family | 書体 |
| font-size | 文字の大きさ |
| font-style | 文字を斜体 |
| font-weight | 文字の太さ |
| height | 縦幅 |
| letter-spacing | 文字間隔 |
| lineheight | 行間隔 |
| list-style | リストの形状、画像、位置など |
| list-style-image | リスト画像 |
| list-style-position | リストの位置 |
| list-style-type | リストの形状 |
| margin | 上下左右の要素外の空間 |
| margin-top | 上の要素外の空間 |
| margin-right | 右の要素外の空間 |
| margin-bottom | 下の要素外の空間 |
| margin-left | 左の要素外の空間 |
| padding | 上下左右の要素内の空間 |
| padding-top | 上の要素内の空間 |
| padding-right | 右の要素内の空間 |
| padding-bottom | 下の要素内の空間 |
| padding-left | 左の要素内の空間 |
| text-align | 文字や画像などの配置 |
| text-decoration | 文字の下線など |
| text-indent | 1文字目の空間 |
| width | 横幅 |
書き終えてみると、値について、省いているどころか、全く解説をしていませんでした。値を調べたい方は、Yahoo!やGoogleなどで調べてみると良いでしょう。
以上で、「ホームページ作成の基本」を終了と致します。最初から読んで頂いた方にとっては、とても長い文章だったと思います。ありがとうございました。わかりにくい箇所、説明が不足している箇所、誤っている箇所など、多々存在するかと思います。申し訳ありません。
もし、ホームページ作成に興味を持って頂けたのであれば、是非ともホームページを一度作ってみてください。初めて作る時は時間がかかるかもしれませんが、心から応援します。
今後、何か思う点があれば、スタイルシートの使い方のコツなどを書かせて頂くかもしれませんが、とりあえず今回は以上です。お疲れ様でした。
この「初めてのホームページ作成」の分類には以下のページがあります。