Cascading Style Sheets解説

Properties



前知識

各プロパティの値の読み方


フォント関連

font-familyフォントファミリー
font-sizeサイズ
font-weight太さ
font-styleフォントスタイル
font-variantスモールキャピタル
font一括指定

色と背景関連

color前景色(文字色)
background-color背景色
background-image背景イメージ
background-repeat背景繰り返しの制御
background-attachment背景のスクロールを制御
background-position背景位置
background一括指定

テキスト関連

word-spacing単語間隔
letter-spacing文字間隔
text-decorationテキスト装飾
vertical-align垂直配置(上付き下付き)
text-align水平位置揃え
text-transform大文字小文字
text-indent行頭インデント
line-height行幅

ボックス関連

marginマージン
paddingパディング
border-widthボーダーの幅
border-colorボーダーの色
border-styleボーダーの種類
width表示の幅
height表示の高さ
float囲み(回り込み)
clear囲み(回り込み)の解除
borderボーダーの一括指定
各部ボーダーの一括指定
border-top上部ボーダー
border-right右側ボーダー
border-bottom下部ボーダー
border-left左側ボーダー
各部マージンを指定
margin-top上部マージン
margin-right右側マージン
margin-bottom下部マージン
margin-left左側マージン
各部パディングを指定
padding-top上部パディング
padding-right右側パディング
padding-bottom下部パディング
padding-left左側パディング
各部ボーダーの幅を指定
border-top-width上部ボーダーの幅
border-right-width右側ボーダーの幅
border-bottom-width下部ボーダーの幅
border-left-width左側ボーダーの幅

表示位置の調整

display各要素の表示方法
white-space空白の取り扱い
list-style-typeリストマークの種類
list-style-imageリストマークの画像を指定
list-style-positionリストマークの位置を指定
list-styleリストマークの一括指定