Index
CSSのプロパティ
CSSの主なプロパティについて簡単にまとめています。IE6とNN7.x(Mozilla/Gecko)のいずれかが対応しているもののみを対象としています。FireFox の対応状況は NN7 とほぼ同じです。IE独自の拡張機能は掲載していません。順番は原則としてアルファベット順です。なお、仕様はCSS2を参考にしています。
sasaraan programming
Exposition
■主要プロパティ一覧 （機能別インデックスへ）
| プロパティ名 | 機能 | IE | NN | Mac | OP | |||
|---|---|---|---|---|---|---|---|---|
| 6 | 55 | 5 | 7x | S | 5 | 7x | ||
| background | 背景の一括指定 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| background-attachment | 背景画像の固定方法 | △ | △ | △ | ○ | ○ | ○ | ○ |
| background-color | 背景色 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| background-image | 背景画像 | ○ | ○ | ○ | ○ | △ | △ | ○ |
| background-position | 背景画像の位置 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| background-repeat | 背景画像の並べ方 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| border | 線の一括指定 | ○ | ○ | △ | ○ | ○ | ○ | ○ |
| border-top | 上線の一括指定 | ○ | ○ | △ | ○ | ○ | ○ | ○ |
| border-right | 右線の一括指定 | ○ | ○ | △ | ○ | ○ | ○ | ○ |
| border-bottom | 下線の一括指定 | ○ | ○ | △ | ○ | ○ | ○ | ○ |
| border-left | 左線の一括指定 | ○ | ○ | △ | ○ | ○ | ○ | ○ |
| border-color | 線色の一括指定 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| border-top-color | 上の線色 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| border-right-color | 右の線色 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| border-bottom-color | 下の線色 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| border-left-color | 左の線色 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| border-style | 線の種類の一括指定 | ○ | ○ | △ | ○ | ○ | ○ | ○ |
| border-top-style | 上の線の種類 | ○ | ○ | △ | ○ | ○ | ○ | ○ |
| border-right-style | 右の線の種類 | ○ | ○ | △ | ○ | ○ | ○ | ○ |
| border-bottom-style | 下の線の種類 | ○ | ○ | △ | ○ | ○ | ○ | ○ |
| border-left-style | 左の線の種類 | ○ | ○ | △ | ○ | ○ | ○ | ○ |
| border-width | 線の太さの一括指定 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| border-top-width | 上の線の太さ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| border-right-width | 右の線の太さ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| border-bottom-width | 下の線の太さ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| border-left-width | 左の線の太さ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| border-collapse | テーブルのセルの線の表示法 | ○ | ○ | ○ | △ | ○ | × | △ |
| border-spacing | テーブルのセルの線の間隔 | × | × | × | ○ | ○ | × | ○ |
| bottom | 下からの距離 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| clear | 回り込みの解除方法 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| color | 前景色 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| cursor | カーソルの種類 | ○ | △ | △ | ○ | ○ | ○ | ○ |
| direction | 文字の表示方向 | ○ | ○ | ○ | ○ | △ | × | × |
| display | 表示の形式 | △ | △ | △ | △ | △ | △ | △ |
| empty-cells | 空のセルの線の表示方法 | × | × | × | ○ | ○ | × | ○ |
| float | 左右への回り込みの方法 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| font | フォントの一括指定 | ○ | ○ | ○ | ○ | △ | ○ | ○ |
| font-family | フォントの種類 | ○ | ○ | ○ | ○ | △ | ○ | ○ |
| font-size | フォントの大きさ | ○ | △ | △ | ○ | ○ | ○ | ○ |
| font-style | フォントの傾き | ○ | ○ | ○ | ○ | △ | ○ | ○ |
| font-variant | スモールキャップ文字 | ○ | △ | △ | ○ | ○ | ○ | ○ |
| font-weight | フォントの太さ | ○ | ○ | ○ | ○ | △ | ○ | ○ |
| height | 高さ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| left | 左からの距離 | ○ | ○ | ○ | ○ | △ | ○ | ○ |
| letter-spacing | 文字の間隔 | ○ | ○ | ○ | ○ | ○ | △ | ○ |
| line-height | 行の高さ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| list-style | リストのマークの一括指定 | △ | △ | △ | ○ | △ | △ | △ |
| list-style-image | リストのマークの画像 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| list-style-position | リストのマークの位置 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| list-style-type | リストのマークの種類 | △ | △ | △ | ○ | △ | △ | △ |
| margin | マージンの一括指定 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| margin-top | 上マージン | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| margin-right | 右マージン | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| margin-bottom | 下マージン | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| margin-left | 左マージン | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| max-height | 最大高 | × | × | × | ○ | ○ | × | ○ |
| max-width | 最大幅 | × | × | × | ○ | ○ | × | ○ |
| min-height | 最小高 | × | × | × | ○ | ○ | × | ○ |
| min-width | 最小幅 | × | × | × | ○ | ○ | × | ○ |
| overflow | はみ出す部分の表示方法 | △ | △ | △ | ○ | ○ | △ | ○ |
| padding | パディングの一括指定 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| padding-top | 上パディング | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| padding-right | 右パディング | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| padding-bottom | 下パディング | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| padding-left | 左パディング | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| page-break-after | 改ページ・直後 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| page-break-before | 改ページ・直前 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| position | 位置の指定方法 | △ | △ | △ | ○ | ○ | ○ | ○ |
| right | 右からの距離 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| table-layout | テーブルの表示方法 | ○ | ○ | ○ | ○ | ○ | × | ○ |
| text-align | 行の揃え方 | △ | △ | △ | △ | △ | △ | △ |
| text-decoration | 下線・取消線・上線・点滅 | △ | △ | △ | ○ | △ | △ | ○ |
| text-indent | 一行目のインデント | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| text-transfrom | 大文字変換・小文字変換 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| top | 上からの距離 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| unicode-bidi | 文字方向の組込み・上書き | ○ | ○ | ○ | ○ | △ | × | × |
| vertical-align | 縦方向の揃え方 | ○ | ○ | △ | ○ | ○ | △ | ○ |
| visibility | 可視・不可視 | △ | △ | △ | △ | ○ | △ | ○ |
| white-space | 空白・タブ・改行の処理法 | ○ | △ | × | ○ | ○ | ○ | ○ |
| width | 幅 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| word-spacing | 単語の間隔 | ○ | × | × | ○ | ○ | ○ | ○ |
| z-index | 重ねる順番 | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
| プロパティ名 | 機能 | 6 | 55 | 5 | 7x | S | 5 | 7x |
| IE | NN | Mac | OP | |||||
◇機能 :: プロパティの機能
◇ＩＥ :: Internet Explorerの対応状況 / "6"=IE6.0, "55"=IE5.5, "5"=IE5.0
◇ＮＮ :: Netscape Navigatorの対応状況 / "7x"=NN7.x (Firefox は NN7 とほぼ同じです)
◇Ｍac :: マッキントッシュ用ブラウザの対応状況 / "S"=Safari, "5"=IE5
◇ＯＰ :: Operaの対応状況 / "7x"=Opera7.x
◇ＩＥ :: Internet Explorerの対応状況 / "6"=IE6.0, "55"=IE5.5, "5"=IE5.0
◇ＮＮ :: Netscape Navigatorの対応状況 / "7x"=NN7.x (Firefox は NN7 とほぼ同じです)
◇Ｍac :: マッキントッシュ用ブラウザの対応状況 / "S"=Safari, "5"=IE5
◇ＯＰ :: Operaの対応状況 / "7x"=Opera7.x
■CSSプロパティリファレンス
CSSプロパティリファレンスで使われる項目の説明です。
- ●書式 / 設定値
- 記述の方法と設定できる値です。
●適用対象- 適用の対象となる要素の種類です。
ブロックレベル
address / blockquote / center / div / dl / form / hr / h1 / h2 / h3 / h4 / h5 / h6 / ol / p / pre / table / ul
インライン
a / abbr / acronym / br / cite / code / dfn /em / *img / *input / kbd / label / *object / q / samp / *select / span / strong / *textarea / var
* ･･･ 置換要素
「子要素への値の適用」では、値が子要素にも適用される場合は「あり」、適用されない場合は「なし」と表記しています。ただし、原則として継承されるのは絶対値となります。
●対応状況- 各社のブラウザの対応状況をバージョンごとに表示しています。
IE6, IE5,5, IE5.0 ... Internet Explorer(Windows用)の各バージョン
NN7.x ... Netscape Navigator 7.x
Safari ... Safari
MacIE5 ... Internet Explorer(Mac用) 5.x
OP7.x ... Opera 7.x
マーク :: ○:対応, △:一部非対応, ×:非対応
各ブラウザとも、CSSの対応には不備が多く、環境や条件(バグ等）によっては機能しないことがありますのでご了承ください。
■機能別インデックス（アルファベット順インデックスへ）
| 機能 | プロパティ |
|---|---|
| サイズ | height, width, max-height, max-width, min-height, min-width |
| 配置 | top, right, bottom, left, clear, float, position, text-align, vertical-align, z-index |
| 余白 | margin, margin-top, margin-right, margin-bottom, margin-left, padding, padding-top, padding-right, padding-bottom, padding-left |
| 前景 | color |
| 背景 | background, backgorund-attachment, background-color, background-image, background-position, background-repeat |
| ボーダー | border, border-top, border-right, border-bottom, border-left, border-color, border-top-color, border-right-color, border-bottom-color, border-left-color, border-style, border-top-style, border-right-style, border-bottom-style, border-left-style, border-width, border-top-width, border-right-wodth, border-bottom-width, border-left-width |
| フォント | font, font-family, font-size, font-style, font-variant, font-weight, line-height, text-decoration, text-transform, letter-spacing, word-spacing |
| テーブル | border-colapse, border-spacing, empty-cells, table-layout |
| リスト | list-style, list-style-type, list-style-imag, list-style-positione |
| 印刷 | page-break-before, page-break-after |
| 表示 | cursor, direction, display, overflow, text-indent, unicode-bidi, visibility, white-space |
www.sasaraan.net
(c) morijoh