気の向くままに辿るIT/ICT
webzoit.netウェブサイトホームページ
CSS / Cascading Style Sheets / スタイルシート

CSS2(CSS 2.0/CSS 2.1)プロパティ一覧

ウェブ造ホーム前へ次へ
サイト内検索
カスタム検索
CSS2(CSS 2.0/CSS 2.1)のプロパティとは?

CSS2(CSS 2.0/CSS 2.1)プロパティ一覧

CSS2(CSS 2.0/CSS 2.1)プロパティ一覧

 CSS 2.1は、CSS1をベースとしたCSS 2.0のバグ解消とCSS3への基盤ともなる機能の拡張を含むCSS2としての集約版であり、よって略称としてはCSS2に統一される方向でCSS2といえばCSS 2.1を指すことになりますが、何れにしてもCSS2で定義されるプロパティ自体は同じで115種あります。

 内訳としては後段のCSS1プロパティ53種とCSS2で定義・追加されたプロパティ下記62種です。

プロパティ用途
azimuthサラウンドや3次元の音響・音楽・サウンドにおける空間的な広がりの角度・方向(左側/左奥/左/中央左寄り/中央/中央右寄り/右/右奥/右側/後方/左方向/右方向/継承)設定
border-bottom-color底辺境界線色(色・カラー指定/透明/継承)設定
border-bottom-style底辺境界線スタイル(下端境界線用border-styleプロパティ)設定
border-collapse境界線結合(HTML/XHTMLのtable要素またはCSSのdisplayプロパティ値table/inline-tableの境界線における内側要素との結合/分割/継承)設定
border-left-color左境界線色(色・カラー指定/透明/継承)設定
border-left-style左境界線スタイル(左境界線用border-styleプロパティ)設定
border-right-color右境界線色(色・カラー指定/透明/継承)設定
border-right-style右境界線スタイル(右境界線用border-styleプロパティ)設定
border-spacing隣接するセルの境界線間の距離(寸法/継承)設定
border-top-color上境界線色(色・カラー指定/透明/継承)設定
border-top-style上境界線スタイル(上端境界線用border-styleプロパティ)設定
bottom底辺位置(寸法/比率/自動/継承)設定
caption-sidetable(ボックス)に対するcaption(ボックス)の位置(上/下/継承)設定
clip断片切り抜き(形状/自動/継承)設定位置指定(絶対位置の要素にのみ適用)
contentコンテンツ・内容(通常/なし/文字・URI・カウンタ・identifier属性/開始クォート付き/終了クォート付き/開始クォートなし/終了クォートなし/継承)設定
counter-incrementカウントアップ([識別子・整数]/なし/継承)設定
counter-resetカウンタリセット([識別子・整数]/なし/継承)設定
cue合図となる音源(cue-before/cue-afterプロパティ/継承)設定
cue-afterコンテンツの後の合図となる音源(URI指定/なし/継承)設定
cue-beforeコンテンツの前の合図となる音源(URI指定/なし/継承)設定
cursorポインタカーソルの形状設定(URI指定/自動/十字/既定(多くは矢印)/リンクポインタ/移動部を指す/サイズ調整開始方向(東・北東・北西・北・南東・南西・南・西)/テキストを指す(多くはIビーム)/処理中・ビジー時待ち時間(多くは腕時計や砂時計)/目盛(多くは回転ビーチボールまたは腕時計・砂時計と矢印)/ヘルプ用/継承)
directionテキスト書き出し方向(ltr・左書き/rtl・右書き/継承)設定
ltr/left to right
rtl/right to left
elevationサラウンドや3次元の音響・音楽・サウンドにおける空間的な広がりにおいて上下方向を角度で設定(角度/下/レベル/上/より高く/より低く/継承)
empty-cellsカラのセル(見せる/隠す/継承)設定
left左位置(寸法/比率/自動/継承)設定
max-height最大の高さ(寸法/比率/なし/継承)設定
max-width最大幅(寸法/比率/なし/継承)設定
min-height最小の高さ(寸法/比率/継承)設定
min-width最小幅(寸法/比率/継承)設定
orphansページ下段に最低限確保する必要のあるブロックコンテナ内の最小行数(整数指定/継承)設定
outlineアウトライン・外観・外郭・輪郭(outline-color/outline-style/outline-widthプロパティ/継承)設定
outline-colorアウトライン色(色・カラー指定/反転/継承)設定
outline-styleアウトラインスタイル(border-styleプロパティ値/継承)設定
outline-widthアウトライン幅(border-widthプロパティ値/継承)設定
overflow要素のボックスをオーバーフローした場合にブロックコンテナ要素の内容が切り取られるかどうかを設定(表示/非表示/スクロール/自動/継承)
page-break-afterブロックレベル要素のコンテンツの前での改ページ(自動/常時/回避/左/右/継承)設定
page-break-beforeブロックレベル要素のコンテンツの後での改ページ(自動/常時/回避/左/右/継承)設定
page-break-insideブロックレベル要素のコンテンツ内での改ページ(自動/回避/継承)設定
pause一時停止(継承/時間または比率を両方またはpause-before/pause-afterそれぞれ1つ~2つ)設定
pause-afterコンテンツの後で一時停止(時間/比率/継承)設定
pause-beforeコンテンツの前で一時停止(時間/比率/継承)設定
pitch音声の平均ピッチ(周波数/Hz)を設定(周波数/ちょっと低/低/中/高/ちょっと高/継承)
pitch-range音声の平均ピッチ(周波数/Hz)範囲(数値/継承)設定
play-during多チャンネル音源による音声トラック調整において要素内容を話している間、バックグラウンドで再生する音を設定(URI指定/ミックス/リピート/自動/なし/継承)
positionボックス型要素の位置決め(静止/相対/絶対/固定/継承)設定
quotesクォーテーションマークを設定([クォート文字・クォート文字]/なし/継承)
(例:言語圏による相違)
richness臨場感・音声の豊かさ(波長の抑揚等)レベルを設定(数値/継承)
right右位置(寸法/比率/自動/継承)設定
speak音声・会話(通常/なし/スペルアウト・完全再現/継承)設定
speak-header音声の水平/垂直方向の配置によって異なる方法で表現され、その表現をtable(表)のように2次元的にマップする場合に紐づくtr/tdが複数あるtr/th要素内容をセルごとに繰り返すか否かを設定(一回のみ/常時/継承)
speak-numeral音声に出てくる数字が単独の数字の並びか西暦など他の意味のあるものかを指定する際の(桁/継続・連続的/継承)設定
speak-punctuation音声において句読点の使われ方を設定(コード/なし/継承)
speech-rate読み上げ速度を設定(数字指定/ちょっとゆっくり/ゆっくり/中/速く/ちょっと速く/より速く/より遅く/継承)
stress音声におけるイントネーションの輪郭のローカルピーク(分割したそれぞれのピーク/最高潮)の高さを設定(数字指定/継承)
table-layouttableレイアウト(自動/固定/継承)設定
top上位置(寸法/比率/自動/継承)設定
unicode-bidiunicodeにおける左書き/右書きを指定するunicode-bidirectional(通常/組み込み/bidi上書き/継承)設定
visibility可視設定(表示/非表示/結合・折りたたみ/継承)
voice-family音声ファミリを設定([仕様音声・一般音声]/継承)
volumeボリューム(数字指定/比率/静かに/ちょっとやんわり/やんわり/中/はっきり・大きく/もうちょっとはっきり・大きく/継承)設定
widowsページ上段に最低限確保する必要のあるブロックコンテナ内の最小行数を指定(整数指定/継承)
z-indexレイヤー階層・ボックス型要素の重なりにおける重なり順(自動/整数指定/継承)設定

 下記はCSS1からCSS2にそのまま継承または再定義されたプロパティです。

プロパティ用途
background背景関連プロパティ(background-color/background-image/background-repeat/background-attachment/background-position/継承)を個々またはまとめて設定
background-attachment背景画像が表示領域やスクロールバーと共に固定されるか否か(スクロール/固定/継承)の設定
background-color背景色(色指定/透明/継承)設定
background-image背景画像(URL指定/なし/継承)設定
background-position背景位置(比率/寸法/上・中・下/左・中央・右/継承)設定
background-repeat背景の繰り返し(縦横繰り返し/横方向繰り返し/縦方向繰り返し/繰り返しなし/継承)設定
border境界線関連プロパティ(border-top-width/border-style/color)/継承を個々またはまとめて設定
border-bottom底辺境界線関連プロパティ(border-top-width/border-style/color)/継承を個々またはまとめて設定
border-bottom-width底辺境界線幅(細/中/太/寸法)/継承設定
border-color境界線色(色・カラー/透明/継承)を全部または上下左右(border-bottom-color/border-left-color/border-right-color/border-top-color)1つ~4つ設定
border-left左境界線関連プロパティ(border-top-width/border-style/color)/継承を個々またはまとめて設定
border-left-width左境界線幅(細/中/太/寸法)/継承設定
border-right右境界線関連プロパティ(border-top-width/border-style/color)/継承を個々またはまとめて設定
border-right-width右境界線幅(細/中/太/寸法)/継承設定
border-style境界線スタイル(ドット/ダッシュ/濃/二重/溝/隆起/外枠・はめ込み/内枠・差し込み)/継承を境界線スタイル計4辺のプロパティ(border-bottom-style/border-left-style/border-right-style/border-top-style)について全部または個々に1つ~4つ設定
border-top上境界線関連プロパティ(border-top-width/border-style/color)/継承を個々またはまとめて設定
border-top-width上境界線幅(細/中/太/寸法)/継承設定
border-width境界線幅(細/中/太/寸法を全部または上下左右で1つ~4つ)設定
clearfloatプロパティの解除(左/右/両方/なし/継承)設定
colorテキスト文字の色・カラー指定/継承設定
display表示要素設定(ブロック/インライン/リストアイテム/インラインブロック/テーブル/インラインテーブル/テーブル行グループ/テーブルヘッダグループ/テーブルフッタグループ/テーブル行/テーブル列グループ/テーブル列/テーブルセル/テーブルキャプション/なし/継承)
floatブロックレベル要素を横並びにするなどの浮動設定(左/右/なし/継承)
fontフォント関連プロパティ(font-style/font-variant/font-weight/font-sizeまたはfont-size割るline-height/font-family/キャプション/アイコン/メニュー/メッセージボックス/スモールキャプション/ステータスバー/継承)を個々またはまとめて設定
font-familyフォントファミリ名/継承設定
font-sizeフォントサイズ(絶対サイズ/相対サイズ/寸法/比率/継承)設定
font-styleフォントスタイル(通常/イタリック体/斜体/継承)設定
font-variantフォントバリアント(通常/小文字を大文字にしつつサイズ縮小/継承)設定
font-weightフォント太さ(通常/太い/より太い/より細い/100~900の9段階重みづけ/継承)設定
height高さ(寸法/比率/自動/継承)設定
letter-spacingラテン語等における先頭文字とテキスト文字列の間隔(通常/寸法/継承)設定
line-height行の高さ(通常/数値/寸法/比率/継承)設定
list-styleol/ul/li各リスト要素のスタイル関連プロパティ(list-style-type/list-style-position/list-style-image/継承)を個々またはまとめて設定
list-style-imageul/li各リスト要素記号用画像(URL指定/なし/継承)設定
list-style-positionリスト要素の位置(内側/外側/継承)設定
list-style-typeol/li各リスト要素のスタイル(円形塗りつぶし/円形枠/四角/進数/ゼロ埋め進数/ローマ字小文字/ローマ字大文字/ギリシャ文字小文字/ラテン文字小文字/ラテン文字大文字/アルメニア文字/ジョージアン・ジョージ文字/アルファベット小文字/アルファベット大文字/なし/継承)設定
marginマージン(コンテンツの外に位置する境界線とその外側との間隔(寸法/比率/自動/継承)を全部または上下左右で1つ~4つ)設定
margin-bottom下端マージン(寸法/比率/自動/継承)設定
margin-left左側マージン(寸法/比率/自動/継承)設定
margin-right右側マージン(寸法/比率/自動/継承)設定
margin-top上端マージン(寸法/比率/自動/継承)設定
paddingパディング(コンテンツと境界線との間隔(寸法/比率/継承)を全部または上下左右で1つ~4つ)設定
padding-bottom下方パディング(寸法/比率/継承)設定
padding-left左パディング(寸法/比率/継承)設定
padding-right右パディング(寸法/比率/継承)設定
padding-top上方パディング(寸法/比率/継承)設定
text-alignテキスト位置(左/中央/右/ジャストフィット/継承)設定
text-decorationテキスト文字装飾(上線・オーバーライン/下線・アンダーライン/抹消・打ち消し線/点滅/なし/継承)設定
text-indentテキストのインデント(寸法/比率/継承)設定
text-transformテキスト変換(先頭文字大文字/全て大文字/全て小文字/なし/継承)設定
vertical-align垂直方向の位置(基準線/下付き位置/上付き位置/上端/テキスト上端/中間位置/下端/テキスト下端/比率/寸法/継承)設定
white-spaceホワイトスペース(空白結合・必要に応じ改行/空白結合と改行抑止/空白結合・単語内での改行なし/空白結合抑止・改行なし/空白結合・改行なし/継承)設定
width幅サイズ(寸法/比率/自動/継承)設定
word-spacing単語間隔(通常/寸法/継承)設定

CSS2.1 Appendix F. Full property table

Cascading Style Sheets Level 2 Revision 1 Specification

※尚、CSS 2.0/2.1 プロパティ一覧でCSS1を引用しているものは1996年勧告1997年加筆されたCSS1ですが、後にだされた改訂版(2008/04/11改訂版Cascading Style Sheets, level 1(英文))とは一致しない部分もありますので改訂版を参照して読み替えて解釈して下さい。

CSS2の特徴

 CSS2で定義されたプロパティには、カーソル・ポインタ装飾、テーブルモデルや上下左右位置、高さと幅における最大値/最小値、ボーダー系プロパティの細分化、テキスト書き出し方向指定、レイヤー指定、Aural Style Sheets(音声・聴覚スタイルシート)拡張に伴うプロパティ等各種あります。

 尚、モジュール化を図る次期CSS3では、Aural Style Sheetsを更に拡張し、CSS Speechモジュールとして仕様に取り込まれる予定でHTML5のaudioタグやvideoタグなどメディアプレイヤー実装を可能とすべく仕様策定されています。

CSS 2.0に対しCSS 2.1で追加されたプロパティ値

 変更はあるにしてもCSS 2.0とCSS 2.1のプロパティ自体は全て共通ですが、CSS 2.1では、プロパティの設定値であるプロパティ値が5点ほど追加になっています。

プロパティ/種類摘要
カラー・色"orange"を追加
文字列指定による既存16色に追加
"display""inline-block"を追加
"content""none"/"normal"を追加
CSS2.1では何れも効果は同じもCSS3では異なる効果を持たせる可能性あり
"white-space""pre-wrap"/"pre-line"を追加
"cursor""progress"を追加

CSS1プロパティ・属性一覧

CSS3プロパティ・属性一覧

CSS/スタイルシート情報

ウェブ造ホーム前へ次へ