chopporunga digital train

CSS2その1

ナビゲーションへ

※印の値は、その属性のデフォルトの値です。

色と背景

属性 機能・メモ 値
color 文字の色を指定 色
background-color 背景色を指定
transparent
背景色と同じ色※
色
background-image 背景画像を指定
none※
なし
url(画像のURL)
background-repeat 背景画像の並べ方を指定
repeat※
繰り返す
repeat-x
水平方向のみ繰り返す
repeat-y
垂直方向のみ繰り返す
no-repeat
繰り返さない
background-attachment 背景画像の表示方法を指定
scroll※
他の内容と同じようにスクロール
fixed
固定する
background-position 背景画像の位置を指定
数値＋値
横方向・縦方向の順に指定
top
上端に寄せる
bottom
下端に寄せる
left
左端に寄せる
right
右端に寄せる
center
中央に寄せる
background 背景に関する属性を一括指定
  • background-colorの値
  • background-imageの値
  • background-repeatの値
  • background-attachmentの値
  • background-positionの値

フォント

属性 機能・メモ 値
font-family フォントのファミリー名を指定
serif
明朝体系
sans-serif
ゴシック体系
cursive
筆記体系
fantasy
装飾的なフォント
monospace
等幅フォント
フォントのファミリー名
font-style フォントのスタイルを指定
normal※
標準
italic
イタリック
oblique
斜体
font-size フォントのサイズを指定
数値＋単位
%は親要素のフォントサイズに対する割合
smaller
親要素のフォントサイズより一段階小さいサイズ
larger
親要素より一段階大きいサイズ
xx-small
x-small
medium
large
x-large
xx-large
小さい＜大きい
font-weight フォントの太さを指定
normal※
標準(=400)
bold
太字(=700)
bolder
一段階太い文字
lighter
一段階細い文字
100〜900
100きざみに太くなる
font-stretch フォントの伸縮を指定
ultra-condensed
extra-condensed
condensed
semi-condensed
normal
semi-expanded
extra-expanded
ultra-expanded
狭い＜広い
narrower
親要素より一段階狭いフォント
wider
親要素より一段階広いフォント
font-size-adjust フォントの違いによるサイズ調節
none
調節しない
アスペクト値
font-variant フォントのスモールキャップ（小文字が小さめの大文字）の指定
normal※
標準
small-caps
スモールキャップフォントを指定
font フォントに関する属性を一括指定
icon
システムのアイコンラベルのフォント
menu
システムのメニューのフォント
message-box
システムのダイアログボックスのフォント
status-bar
システムのステータスバーアイコンラベルのフォント
caption
システムのオブジェクトのタイトルのフォント
small-caps
システムの小さいオブジェクトのタイトルのフォント
  • font-styleの値
  • font-variantの値
  • font-weightの値
  • font-sizeの値
  • font-familyの値

テキスト

属性 機能・メモ 値
line-height 行の高さを指定
normal※
標準
数値
フォントサイズに数値をかけた高さ
数値＋単位
%はフォントサイズに対する割合
text-align 行揃えを指定
left※
左揃え
center
中央揃え
right
右揃え
justify
両端揃え
文字列
位置を揃えたい文字（テーブルセルのみ）
vertical-align 上下の位置を指定
baseline※
ベースラインに揃える
数値＋単位
ベースラインからの距離
数値+%
line-heightに対する比率
middle
縦方向の中心に揃える
top
要素の上端と行全体の上端を揃える
bottom
要素の下端と行全体の下端を揃える
sub
下付き文字にする
super
上付き文字にする
text-top
要素の上端と親要素の文字の下端を揃える
text-bottom
要素の下端と親要素の文字の下端を揃える
text-decoration 文字の装飾を指定
none※
装飾なし
underline
アンダーラインを引く
line-through
取り消し線を引く
overline
アッパーラインを引く
blink
点滅させる
letter-spacing 文字間隔を指定
normal※
標準
数値＋単位
word-spacing 単語間隔を指定
normal※
標準
数値＋単位
text-shadow 影を付ける
none
なし
数値＋単位,数値＋単位
影の右方向・下方向の位置を指定
色
影の色
数値＋単位
ぼかし範囲を指定（右方向・下方向の位置の後に指定）
text-indent インデントを指定
数値＋単位
%は親要素に対する割合
text-transform 大文字・小文字を指定
none※
なし
uppercase
大文字にする
lowercase
小文字にする
capitalize
単語の最初の文字を大文字にする
white-space スペースの扱いを指定
normal※
連続したスペースは1つにまとめて表示
pre
スペースの数通り表示
nowrap
自動改行しない

ボックス

属性 機能・メモ 値
  • margin-top
  • margin-bottom
  • margin-left
  • margin-right
 要素のマージンを上下左右、個別に指定
数値＋単位
%は親要素に対する割合）
auto
自動調整
margin 要素のマージンを上下左右まとめて指定
  • padding-top
  • padding-bottom
  • padding-left
  • padding-right
 要素の内容と枠の間を上下左右、個別に指定
数値＋単位
%は親要素に対する割合
padding 要素の内容と枠の間を上下左右、まとめて指定
  • border-top-width
  • border-bottom-width
  • border-left-width
  • border-right-width
 要素の枠の太さを上下左右、個別に指定
thin
細い枠
medium
中くらい枠
thick
太い枠
数値＋単位
border-width 要素の枠の太さを上下左右、まとめて指定
  • border-top-style
  • border-bottom-style
  • border-left-style
  • border-right-style
 要素の枠のスタイルを上下左右、個別に指定
none※
表示しない
hidden
表示しない
dotted
点滅
dashed
破線
solid
実線
double
二重線
groove
立体的にくぼんだ線
ridge
立体的に隆起した線
inset
要素ごと立体的にくぼむような線
outset
要素ごと立体的に隆起したような線
border-style 要素の枠のスタイルを上下左右、まとめて指定
  • border-top-color
  • border-bottom-color
  • border-left-color
  • border-right-color
 要素の枠の色を上下左右、個別に指定
transparent
背景色と同じ色
色
border-color 要素の枠の色を上下左右、まとめて指定
  • border-top
  • border-bottom
  • border-left
  • border-right
 要素の枠に関する値を方向別にまとめて指定
  • border-widthの値
  • border-styleの値
  • border-colorの値
border-top 要素の枠に関する値を全方向まとめて指定
width 要素の内側の領域の幅を指定
auto※
自動調整
数値＋単位
%は親要素に対する割合
height 要素の内側の領域の高さを指定
min-width 要素の内側の領域の幅の最小値を指定
数値＋単位
%は親要素に対する割合
min-height 要素の内側の領域の高さの最小値を指定
max-width 要素の内側の領域の幅の最大値を指定
none※
制限しない
数値＋単位
%は親要素に対する割合
max-height 要素の内側の領域の高さの最大値を指定

テーブル

属性機能・メモ値
cation-side テーブルのキャプション（タイトル）の位置を指定
top※
テーブルの上に配置
bottom
テーブルの下に配置
left
テーブルの左に配置
right
テーブルの右に配置
table-layout テーブルのセル幅と表示に関する設定を指定
auto※
テーブル全体を受信したら各セルの幅を決定
fixed
テーブルの1行目を受信したら各セルの幅を決定
border-collapse 各セル間の枠に関する設定を指定
collapse※
各セルの枠線を重ねて表示
separate
各セルの枠と枠の間隔を空けて表示
border-spacing 各セルの間隔を指定 数値＋単位
empty-cells 空セルの枠の表示／非表示を指定
hide※
非表示にする
show
表示する

ラウンドナビゲーション

ページ情報

©2000- s-youhei

最終更新日2003年6月18日