目 次 ▼
サイトトップ
こんなときどうする?
サイト内検索
サイト内索引
サイトマップ
ホームページを作る
CSSの基本トップ
スタイルを設定する
CSS設定方法
CSS記述方法
タイプ、疑似セレクタ
子孫、子、兄弟セレクタ
id、class セレクタ
スタイルの優先順位
スタイルの継承
標準/互換モード
長さと色の指定
ボックスモデル
インラインボックス高さ
フォントとテキスト
background プロパティ
position プロパティ
list-style プロパティ
font-size の理解
text-indent プロパティ
プロパティ一覧
CSSの基本
|
|
☜
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
☞
|
よく使用するスタイルシートプロパティ一覧
プロパティ名
説明
ページ
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
ページトップへ
|
|
☜
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
☞
|