よく使うCSSプロパティ一覧 |
文字色・背景 |
プロパティ |
説明 |
line-height |
行の高さを指定する |
text-align |
行揃えの位置・均等割付を指定する |
vertical-align |
縦方向の位置を指定する |
text-decoration |
テキストの下線・上線・打消し線・点滅を指定する |
text-indent |
一行目のインデント幅を指定する |
white-space |
改行の仕方を指定する |
|
フォント |
プロパティ |
説明 |
font |
フォントの指定をまとめて行う |
font-style |
フォントを斜体にする |
font-weight |
フォントの太さを指定する |
font-size |
フォントのサイズを指定する |
font-family |
フォントの種類を指定する |
|
テキスト |
プロパティ |
説明 |
line-height |
フォントの指定をまとめて行う |
text-align |
フォントを斜体にする |
font-weight |
フォントの太さを指定する |
font-size |
フォントのサイズを指定する |
font-family |
フォントの種類を指定する |
|
幅・高さ |
プロパティ |
説明 |
width |
幅を指定する |
max-width |
最大幅を指定する |
min-width |
最小幅を指定する |
height |
高さを指定する |
max-height |
最大高さを指定する |
min-height |
最小高さを指定する |
|
マージン・パディング |
プロパティ |
説明 |
margin |
マージンの指定をまとめて行う |
margin-top |
上マージンを指定する |
margin-bottom |
下マージンを指定する |
margin-left |
左マージンを指定する |
margin-right |
右マージンを指定する |
padding |
パディングの指定をまとめて行う |
padding-top |
上パディングを指定する |
padding-bottom |
下パディングを指定する |
padding-left |
左パディングを指定する |
padding-right |
右パディングを指定する |
|
ボーダー |
プロパティ |
説明 |
border |
ボーダーの指定をまとめて行う |
border-color |
ボーダーの色を指定する |
border-style |
ボーダーのスタイルを指定する |
border-width |
ボーダーの太さを指定する |
border-top |
上ボーダーの指定をまとめて行う |
border-bottom |
下ボーダーの指定をまとめて行う |
border-left |
左ボーダーの指定をまとめて行う |
border-right |
右ボーダーの指定をまとめて行う |
|
表示・配置 |
プロパティ |
説明 |
overflow |
はみ出た内容の表示方法を指定する |
position |
ボックスの配置方法を指定する |
top |
上からの位置を指定する |
bottom |
下からの位置を指定する |
left |
左からの配置を指定する |
right |
右からの配置を指定する |
display |
要素の表示形式を指定する |
float |
左または右寄せ配置を指定する |
clear |
回り込みを解除する |
z-index |
重なりの順序を指定する |
visibility |
ボックスの表示・非表示を指定する |
|
リスト |
プロパティ |
説明 |
list-style |
リストの指定をまとめて行う |
list-style-image |
リスト画像を指定する |
list-style-type |
リスト文字の種類を指定する |
list-style-position |
リストの位置を指定する |
|
|
|