Home/Menu

スタイルなCSSの基礎講座

スタイルシート概説リファレンス

◆ はじめに

以下は、カスケーディング・スタイル・シート・レベル2(CSS2)の概説リファレンスです。

まずは、スタイルの適応方法を参照してください。

尚、こちらに、各プロパティ設定値指定の単位と色があります。

◆ CSS level2 プロパティ一覧

  
種別プロパティ名機能
色と背景 color テキストの色 (文字色)
background-color 背景色
background-image 背景画像 (イメージ)
background-repeat 背景画像のリピート方法(横並び)
background-position 背景画像の開始位置(左上隅xy座標)
background-attachment 背景画像のスクロール方法
background 背景プロパティの一括指定
フォントfont-family フォント名
font-size フォントサイズ
font-weight フォントの太さ
font-style フォントのイタリック表示
font-variant フォントの小文字を大文字にする
font-stretch 長体・平体          
font-size-adjust フォントサイズの調整     
font フォントプロパティの一括指定
テキスト text-align 文字の左寄せ右寄せ、センタリング
vertical-align 文字と縦方向の位置そろえ
text-decoration 文字のアンダーライン、打消し線等
line-height 行間
letter-spacing 文字間の幅 
word-spacing 単語の間隔  
text-transform 大文字、小文字の指定
text-indent テキストのインデント幅
white-space 空白タブ改行の処理  
text-shadow 文字に影をつける   
ボックス width ボックスの横幅
min-width,max-width ボックスの横幅の制限
height ボックスの縦幅
min-width,max-height ボックスの縦幅の制限
margin-top,margin-bottom,margin-left,margin-right上下左右のマージン
margin マージンの一括指定 
padding-top,padding-bottom,padding-left,padding-right上下左右のパディング
padding パディングの一括指定
border-top-color,border-bottom-color,border-left-color,border-right-color上下左右のボーダー色
border-color ボーダー色の一括指定
border-top-width,border-bottom-width,border-left-width,border-right-width上下左右のボーダーの太さ
border-width ボーダーの太さ一括指定
border-top-style,border-bottom-style,border-left-style,border-right-style上下左右のボーダーの形状
border-style ボックスの枠線の形状
border-top,border-bottom,border-left,border-right上下左右のボーダー色太さ形状
border ボックスの枠線プロパティの一括指定
表示と位置 display 要素の表示形式
position topとleftの指定方法を決める
top,bottom,left,right 上下左右からの位置
z-index z-indexを指定する
float 文字の回り込みの設定
clear 文字の回り込みを解除する
overflow ボックスに入りきらない表示の表示方法
clip 表示をどこで切り取るかを指定する
visibility 可視不可視
direction 文字表記の方向
unicode-bidi 文字方向の組み込みと上書き
リスト list-style-type リストの見出し記号
list-style-image リストの見出しにグラフィック
list-style-position リスト項目の二行目以降のインデント
list-style リストのプロパティの一括指定
marker-offset マーカーとの間隔      
カーソル cursor カーソルの形状
テーブル table-layout テーブルの表示方法
border-collapse セルのボーダーの表示方法
border-spacing セルのボーダーの間隔  
empty-cells 空セルのボーダーの表示・非表示
caption-side キャプションの位置      
内容の追加 content 内容の追加  
quotes 引用符の設定          
counter-increment 自動連番の値を進める      
counter-reset 自動連番のリセット       
アウトライン outline-color アウトラインの色 
outline-style アウトラインの形状       
outline-width アウトラインの太さ       
outline    アウトライン一括指定      
印刷 size 用紙のサイズと方向
page 用紙設定の適用
marks トンボ    
page-break-before 印刷のとき、その前で改ページする
page-break-after 印刷のとき、その後で改ページする
page-break-inside 要素内での改ページの禁止    
widows,orphans 中途半端な行に対する改ページ制御
音声 割愛       

尚、マイクロソフトの独自プロパティに関してはCSS Attributes Referenceを参照してください。

また、各ブラウザやバージョンのバグについては、「IE3,IE4,NN4でのCSSのバグと回避方法」を参照してください。

Home/Menu

人のよいところをどんどん見つけよう