トップページ > サイト作成 > スタイルシート（CSS）の基本とプロパティの一覧
スタイルシート（CSS）の基本とプロパティの一覧
[初回公開] 2013年05月21日
スタイルシート（CSS）はウェブサイトの装飾やレイアウトに利用されるプログラムの一種で、CSS の基本的な使い方と実際に指定するプロパティの一覧を紹介する。
このページの目次
1. スタイルシートの基本と書き方
スタイルシート（CSS）の概要など基本的な点と実際にウェブサイトの作成時に書く方法は次の通りである。
2. CSS で背景を設定するプロパティ
スタイルシート（CSS）で HTML の BODY タグ内や DIV タグ内の背景色や背景に画像を用いる際に利用するプロパティは次の通りである。
- 背景色を付ける（background-color）
- 背景画像を付ける（background-image）
- 背景画像の位置を指定する（background-position）
- 背景画像を固定する（background-attachment）
- 背景画像の繰り返しを指定する（background-repeat）
3. CSS で文字を設定するプロパティ
スタイルシート（CSS）でウェブサイト上に表示する文字列のサイズやフォントの指定を用いる際に利用するプロパティは次の通りである。
- 文字色を付ける（color）
- フォントの形状を変える（font-style）
- フォントの太さを変える（font-weight）
- フォントに下線や打ち消し線を加える（text-decoration）
- フォントサイズを変える（font-size）
- 文字の大文字と小文字を指定する（text-transform）
- フォントの種類を変える（font-family）
- ルビの位置を揃える（ruby-align）
- ルビの位置を指定する（ruby-position）
- 大文字の字体を小さくする（font-variant）
4. CSS で枠線を設定するプロパティ
スタイルシート（CSS）で HTML の DIV タグ内や TABLE タグ内に枠線を用いる際に利用するプロパティは次の通りである。
5. CSS でリストを設定するプロパティ
スタイルシート（CSS）で HTML のリストタグで自動表示されるマークを指定する際に利用するプロパティは次の通りである。
6. CSS でレイアウトを設定するプロパティ
スタイルシート（CSS）で HTML の DIV タグや段落の余白や文字の回り込みなどレイアウトの指定で用いる際に利用するプロパティは次の通りである。
- 幅を指定する（width）
- 高さを指定する（height）
- 余白を設ける（margin）
- 枠と内容の間に余白を設ける（padding）
- 要素の横並びを指定する（display）
- 要素の位置を指定する（position）
- 要素を回り込ませる（float）
- 要素の回り込みを解除する（clear）
- 要素の位置を指定する（top、bottom、left、right）
- 重ね順を指定する（z-index）
- スクロールバーを表示する（overflow）
7. CSS の上記以外を設定するプロパティ
スタイルシート（CSS）でマウスカーソルや要素の表示・非表示など装飾以外に用いる際に利用するプロパティは次の通りである。
- マウスカーソルを変更する（cursor）
- 要素の寸法を保持したまま表示・非表示を切り替える（visibility）
- テーブルの描画方法を変える（table-layout）
- テーブルのセルの間隔を空ける（border-collapse）
- 改ページの位置を指定する（page-break-before、page-break-after）
関連記事
スタイルシート（CSS）で多用しないが知っていると便利なプロパティ
ウェブサイト作成
スタイルシート（CSS）はウェブサイトの装飾やレイアウトの位置付けに利用されるプログラムの一種で、その CSS でデザイン可能な中から多用されないが知っておくと利用する場面があるかもしれないプロパティを紹介する。
ウェブサイト作成
スタイルシート（CSS）はウェブサイトの装飾やレイアウトの位置付けに利用されるプログラムの一種で、その CSS でデザイン可能な中から余白や回り込みなどレイアウト設定する使い方と実際に指定するプロパティを紹介する。
ウェブサイト作成
スタイルシート（CSS）はウェブサイトの装飾やレイアウトの位置付けに利用されるプログラムの一種で、その CSS でデザイン可能な中からリストタグの形式や配置を設定する使い方と実際に指定するプロパティを紹介する。
ウェブサイト作成
スタイルシート（CSS）はウェブサイトの装飾やレイアウトの位置付けに利用されるプログラムの一種で、その CSS でデザイン可能な中から枠線の色や太さを設定する使い方と実際に指定するプロパティを紹介する。
ウェブサイト作成
スタイルシート（CSS）はウェブサイトの装飾やレイアウトの位置付けに利用されるプログラムの一種で、その CSS でデザイン可能な中から文字色やフォントを設定する使い方と実際に指定するプロパティを紹介する。
