CSS講座
CSSのプロパティ一覧
スタイルシートは、基本的に以下のものを使いこなせればOKでしょう。
色の設定に関するもの
- color
- 文字色を設定します
- background
- 背景色・背景画像を設定します
フォントの設定に関するもの
- font-style
- イタリック体(斜体)を指定する時に使います
- font-weight
- ボールド体(太字)を指定する時に使います
- font-size
- 文字の大きさを指定するときに使います
- line-height
- 行の高さを指定するときに使います
- font-family
- フォントの種類を指定するときに使います
テキストの設定に関するもの
- text-decoration
- テキストの装飾(下線、打ち消し線など)を指定します
- text-align
- テキストの配置(左揃え、中央揃え、右揃え)を指定します
- text-indent
- テキストの字下げを設定します
- letter-spacing
- 各文字間のスペースを設定します
幅・高さ・マージン・パディング・ボーダー
- width
- ブロック要素の幅を設定します
- height
- ブロック要素の高さを設定します
- margin
- マージンを設定します
- padding
- パディングを設定します
- border
- ボーダーを設定します
表示に関するもの
- float
- 要素の回り込みを指定します
- clear
- 要素の回り込み解除を指定します
- overflow
- 要素からはみ出した部分の表示方法を指定します。
- display
- 要素の表示方法を指定します
- vertical-align
- 要素の縦方向の位置を指定します
- position
- 配置方法を指定します
- z-index
- 要素が重なって表示される場合の重なる順番を設定します
- visibility
- 要素の可視・不可視を指定します
その他のもの?
- list-style
- リストの表示形式を指定します
- border-collapse
- セルの罫線の表示方法を指定します
擬似要素・擬似クラス
- :link
- 訪問前のリンクを示します
- :visited
- 訪問後のリンクを示します
- :hover
- カーソルを乗せている要素を示します
- :active
- クリック中の要素を示します
- :first-line
- 要素内の一行目について設定を行います
- :first-letter
- 要素内の一文字目について設定を行います