フォント関連
color | 文字の色 |
---|---|
font-size | 文字の大きさ |
font-weight | 文字の太さ |
font-family | 文字の字体(フォント)の指定 |
テキスト関連
text-align | 行揃え(左寄せ、中央揃え、右寄せなど) |
---|---|
text-decoration | 文字の装飾(下線、上線など) |
line-height | 行間の高さ |
letter-spacing | 文字間隔 |
text-indent | 文章の1行目の字下げ(インデント)の設定 |
幅・高さ
width | 幅 |
---|---|
height | 高さ |
ボックス関連
margin | 外部余白(一括指定は時計回り) | margin:10px 8px 5px 8px; (上)(右)(下)(左) |
---|---|---|
[margin-top] [margin-right] [margin-bottom] [margin-left] | ||
padding | 内部余白(一括指定は時計回り) | padding:10px 8px 5px 8px; (上)(右)(下)(左) |
[padding-top] [padding-right] [padding-bottom] [padding-left] | ||
border | 枠線(線種 太さ 色) | border: solid 1px #000000; |
[solid:実線] [dashed:破線] [dotted:点線] など | ||
border-radius | 角丸の指定 | |
border-collapse | tableの各セルの枠線を重ねるかどうかを指定(tableタグに指定する) | border-collapse: collapse; (枠線を重ねる) |
box-shadow | ぼかしの影を指定 | box-shadow: 3px 3px 5px #333; |
box-sizing | ボックスサイズの算出方法を指定 | box-sizing: border-box; (paddingとborderを幅と高さに含める) |
背景関連
background-color | 背景色 | |
---|---|---|
background-image | 背景画像 | background-image: url(); background-image: url(),url(); 複数指定 |
background-repeat | 背景画像の繰り返し指定 | background-repeat: no-repeat; background-repeat: no-repeat,repeat-x; 複数指定 |
background-position | 背景画像の位置 | background-position: center top; background-position: center top,right bottom; 複数指定 |
リスト関連
list-style-type | リストマークの種類を指定 | list-style-type:none; |
---|
その他
opacity | 半透明の指定 | opacity: 0.7; |
---|---|---|
display | 表示形式 | display: block; |
a:hover | マウスオーバー時のCSSを定義する | |
cursor | カーソルの形 | |
z-index | 要素の重なり順序を指定 | |
float | 左または右に寄せて配置する。後に続く内容はその反対側に回り込む。 |
コメントを残す