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
要素内の一文字目について設定を行います