スタイルシートプロパティ一覧

よく使用するスタイルシートプロパティ一覧

プロパティ名: 説明; ページ
background: 背景のプロパティを一括設定する; css14
background-color: 背景色を設定する; css13、css14、hpb31、page03、hpb11
background-image: 背景画像を設定する; css14、page03、hpb11、hpb70、hpb71
background-attachment: 背景画像のスクロール方法を設定する; css14、page03
background-position: 背景画像の開始位置を設定する; css14、page03、hpb11
background-repeat: 背景画像の繰り返し方法を設定する; css14、page03、hpb11、hpb70
border: ボックスのボーダーのスタイルを一括設定する; css09、css11、hpb11、hpb80、hpb81
border-collapse: 表の内枠線の表示方法を設定する; hpb80、hpb81
border-color: ボックスのボーダーの色を設定する; css11、hpb80
border-spacing: 表の内枠線の間隔幅を設定する; hpb80、hpb81
border-style: ボックスのボーダーの形状を設定する; css11、hpb80
border-width: ボックスのボーダーの太さを設定する; css11、hpb80
bottom: 下からの位置を指定する; hpb11
caption-side: 表題の位置を指定する; hpb81
cellpadding: セル内余白（HTML内記述）; hpb80
cellspacing: 罫線幅（HTML内記述）; hpb80
clear: 文字の回り込みの解除を設定する; hpb11、hpb40、hpb70、page01、page05
color: 文字の色を設定する; css13、hpb11、hpb71
colspan: 結合した列数を設定する（HTML内記述）; hpb80
content: :before 擬似要素および :after 擬似要素の直前または直後に、文字列や画像などのコンテンツを挿入する際に使用します。; page06
display: どの要素として表示するかを設定する; hpb11、hpb68、page02
empty-cells: 空白セルの枠線表示を設定する; hpb81
float: 文字の回り込みを設定する; hpb11、hpb40、hpb69、hpb70、hpb71、page01、page05
font: 文字のスタイルを一括設定する; css12、css13
font-family: 文字の種類を設定する; css13、hpb11
font-size: 文字サイズを設定する; css09、css13、css17、hpb11、hpb71
font-style: 文字を正体や斜体に設定する; css13、hpb11
font-variant: ［小型英大文字］など文字の変形を指定できます; css13、hpb11
font-weight: 文字の太さを設定する; css13、hpb11、hpb70、hpb71
height: ボックスの縦幅を設定する; css09、css11
left: 左端からの位置を設定する; css03、hpb11、hpb43
letter-spacing: 文字の幅を設定する; hpb11
line-height: 行送りを設定する; css12、hpb11
list-style: 箇条書きのスタイルを一括設定する; hpb11
list-style-image: 箇条書きの見出しに画像を設定する; hpb11、css16
list-style-type: 箇条書きの見出し記号を設定する; hpb11、hpb68、css16
list-style-position: 箇条書きの見出し記号の位置を設定する; hpb11、css16
margin: ボックス外部の空きを設定する; css09、css11、hpb11、hpb70、hpb71、page01
overflow: ボックスに入りきらない部分の表示方法を設定する; hpb11
padding: ボックス内部の空きを設定する; css09、css11、hpb11、hpb70
position: ボックスの配置方法を設定する; css15、hpb11、hpb69
right: 右端からの位置を指定する; hpb11、hpb69
table-leyout: テーブルの表示方法を設定する; hpb81
text-align: 文字の水平方向の表示位置を設定する; css13、hpb11
text-decoration: 文字装飾を設定する; css13、hpb11
text-indent: 文字のインデント幅を設定する; css18、hpb11、hpb31、hpb67
text-transform: 文字の変換を設定する; css13、hpb11
top: 上からの位置を設定する; hpb11、hpb69
vertical-align: 縦方向の位置を設定する; css13、hpb11
visibility: 可視不可視を設定する; hpb11
white-space: 空白文字の処理方法を指定する; css13、hpb11
width: ボックスの横幅を設定する; css09、css11、hpb70、hpb71
word-spacing: 単語と単語を区切る空白の間隔を指定（日本語非適用）する; hpb11
z-index: ボックスの重なり順序を設定する; css15、hpb11

ページトップへ

CSSの基本

よく使用するスタイルシートプロパティ一覧