ＣＳＳ(カスケ−ドスタイルシ−ト)

Functional list
プロパティ 値 解説
font-family フォント指定 文字の型を指定します。

使用できる文字は、ブラウザ側のＰＣにインストールされているフィントに依存します。
serif
sans-serif
cursive
fantasy
monospace
MSゴシック
MS明朝
ｅｔｃ
font-style 斜体
normal 標準
italic 斜体
oblique 斜体のフォント指定
font-variant スモ−ルキャピタル
nomal 標準
small-caps スモ−ルキャプス
font-weight 太さ フォントの太さ（濃さ）を表現します。
nomal 標準フォント
bold 太字
bolder 現在より太く
lighter 現在より細く
100〜900 100毎に９段階表示
font-size フォントサイズ フォントの大きさを指定します。
ｘｘ-ｓｍａｌｌ 相対サイズを指定
ｘｘ−ｌａｒｇｅ 相対サイズを指定
ｌａｒｇｅｒ 一段大きい
ｓｍａｌｌｅｒ
ｎｎ 数値で指定
％ パ−セントで指定
color 色指定 前景色を指定します。
ＣｏｌｏｒＮａｍｅ カラ−ネ−ムで指定
＃ＦＦＦＦＦＦ 16進数での指定
256,256,256 ２５６段階で指定
ｔｒａｎｓｐａｒｅｎｔ 透明色を指定
background-image 背景画像の指定
ｕｒｌ（http://） 画像の場所を指定
ｎｏｎｅ 画像無し
background-repeat 画像のタイリング指定 画像の並べ方の指定
ｒｅｐｅａｔ タイルする
ｒｅｐｅａｔ−ｘ 一番上に横方向に並べる
ｒｅｐｅａｔ−ｙ 左端に縦に並べる
ｎｏ−ｒｅｐｅａｔ タイルしないで１個だけ表示
background-attachment 背景画像のスクロ−ル制御 背景画像の固定を指定
ｓｃｒｏｌｌ 標準
ｆｉｘｅｄ 固定
background-position 背景画像の表示位置指定 （上位置横位置）
％ 縦横端からの位置
ｎｎ 縦横端からの位置
ｔｏｐ 一番上に表示（0％）
ｃｅｎｔｅｒ 中央（50％）
ｂｏｔｔｏｍ 一番下（100％）
ｌｅｆｔ 左端
ｒｉｇｈｔ 右端
background-color 色指定 背景色
background-image 画像 背景画像・壁紙
background-repeat 画像のタイリング指定 背景画像の並べ方
background-attachment スクロ−ル 背景画像の固定
background-position 表示位置 背景画像の表示位置
word-spacing 単語の間隔を指定 語句の間隔
ｎｏｍａｌ 標準
ｎｎ 数値で指定指定
letter-spacing 文字の間隔 文字単位の間隔
ｎｏｍａｌ 標準
ｎｎ 数値で指定
text-decoration 文字の装飾
ｎｏｎｅ 普通
ｕｎｄｅｒｌｉｎｅ 下線
ｏｖｅｒｌｉｎｅ 上線
line-through 取り消し線
blink 点滅
vertical-allign 文字の垂直位置の指定
baseline ベ−スラインを揃える
sub 下付文字
super 上付き文字
top 文字の上を揃える
text-top 文字の上をその他の要素の上に揃える
middle 文字の中央を揃える
bottom 文字の下を揃える
text-bottom 文字の下を他の要素の下に揃える
％ 揃え位置を行間に対する割合で指定
text-transform 文字の変形
capitalize 単語の最初の文字を大文字で表示
uppercase すべての文字を大文字に
lowercase すべての文字を小文字で
none 装飾無し
text-align 文字の配置
left 左寄せ
right 右寄せ
center 中央（50％）
justify 両端揃え
text-indent 文字のインデント
nn 数値で指定
% 割合で指定
line-height 行の高さを指定
nomal
n 現在の行幅に対する倍率
ｎｎ 数値で指定
％ 割合で指定
margin-top 上部余白の指定
nn 数値で指定
% 割合で指定
auto 自動設定
margin-ｒｉｇｈｔ 右余白
nn 数値で指定
% 割合で指定
auto 自動設定
margin-bottom 下余白
nn 数値で指定
% 割合で指定
auto 自動設定
margin-left 左余白
nn 数値で指定
% 割合で指定
auto 自動設定
padding-top 上枠までのスペ−ス
nn 数値で指定
% ％で指定
padding-right 右枠までのスペ−ス
nn 数値で指定
% ％で指定
padding-left 左枠までのスペ−ス
nn 数値で指定
% ％で指定
padding-bottom 下枠までのスペ−ス
nn 数値で指定
% ％で指定
border-top-width 上部枠線の幅
thin 細い線
medium 標準
thick 太い線
nn 数値で指定
border-right-width 右部枠線の幅
thin 細い線
medium 標準
thick 太い線
nn 数値で指定
border-left-width 左部枠線の幅
thin 細い線
medium 標準
thick 太い線
nn 数値で指定
border-bottom-width 下部枠線の幅
thin 細い線
medium 標準
thick 太い線
nn 数値で指定
border-color 枠線の色
＃ＦＦＦＦＦＦ
border-style 枠線の種類
none
dotted 点線
dashed 破線
solid 実線
double 二重線
groove くぼみ
ridge 浮き上がり
inset 全体がくぼむ
outset 全体が浮き上がる
border-top 上部枠線をまとめて指定
border-right 右部枠線をまとめて指定
border-left 左部枠線をまとめて指定
border-bottom 下部枠線をまとめて指定
width 要素の幅を指定
nn 数値で指定
% 割合で指定
auto 自動設定
height 要素の高さを指定
nn 数値で指定
% 割合で指定
auto 自動設定
float ボックスに対する回りこみを指定
left ボックスを左に配置
right ボックスを右に配置
none 回り込みしない
clear ｆｌｏａｔを解除
left 左配置を解除
right 右配置を解除
none 左右の回り込みを許可する
both すべて解除
display 範囲の表示方法
block ブロック要素として表示
inline インライン要素として表示
list-item リスト型要素として表示
none 表示させない
white-space 空白扱いの指定
nomal 標準
pre ＜ＰＲＥ＞と同じ
nowrap ＜ＢＲ＞以外は改行させない
list-style-type リストの行頭項目を指定
disc ●
circle ○
square ■
decimal 1〜
lower-roman I,ii〜
upper-roman I,II〜
lower-alpha ａｂ〜
upper-alpha Ａ，Ｂ〜
none 無し
list-style-image リストの行頭に画像を指定 リストマークに画像を使用する」
url
none
list-style-position リストの行頭位置を指定
inside 行頭項目をテキストの内側に表示
outside 行頭項目をテキストの外側に表示

up上へ右矢印スチュートリアルへ戻る


CSS入門

広告