| ボックス | visual(視覚) | visual(視覚) 詳細 | 視覚効果 | content(内容) | リスト | ページ | 前景色と背景 | フォント | テキスト | テーブル | ユーザーインタフェイス|
ボックス
| プロパティ |
概要 |
| margin-top,margin-… |
他の要素との上下左右マージンを個別に指定します。 |
| margin |
他の要素との上下左右マージンを指定します。 |
| padding-top,padding-… |
内容と枠との上下左右の間隔を個別に指定します。 |
| padding |
内容と枠との上下左右の間隔を指定します。 |
| border-top-width,border-…-width |
枠(境界線)の太さを個別に指定します。 |
| border-width |
枠(境界線)の太さを指定します。 |
| border-top-color,border-…-color |
枠(境界線)の色を個別に指定します。 |
| border-color |
枠(境界線)の色を指定します。 |
| border-top-style,border-…-style |
枠(境界線)の線種を個別に指定します。 |
| border-style |
枠(境界線)の線種を指定します。 |
| border-top,border-… |
枠(境界線)の太さ、色、線種を個別に指定します。 |
| border |
枠(境界線)の太さ、色、線種を指定します。 |
visual(視覚)
| プロパティ |
概要 |
| display |
ボックスの種類を指定します。 |
| position |
ボックスの位置を計算するために指定します。 |
| top,right,bottom,left(オフセット) |
ボックスの包含ブロックに対するオフセット値を指定します。 |
| float |
ボックスの浮動化方法を指定します。 |
| clear |
ボックスの指定部分が先のボックスに接しないように指定します。 |
| z-index |
z軸の上下関係を指定します。 |
| direction |
表記方向を指定します。 |
| unicode-bidi |
Unicodeの文字表記の方向を上書きします。 |
visual(視覚) 詳細
| プロパティ |
概要 |
| width |
ボックスの幅を指定します。 |
| min-width |
ボックスの最小幅を指定します。 |
| max-width |
ボックスの最大幅を指定します。 |
| height |
ボックスの高さを指定します。 |
| min-height |
ボックスの最小高さを指定します。 |
| max-height |
ボックスの最大高さを指定します。 |
| line-height |
インラインボックスの高さを指定します。 |
| vertical-align |
インラインボックス内での上下方向の位置を指定します。 |
視覚効果
| プロパティ |
概要 |
| overflow |
包含ブロックのボックスからはみ出す場合の視覚効果を指定します。 |
| clip |
どの部分が見えるかを指定します。(切取り) |
| visibility |
可視性を指定します。 |
content(内容)
| プロパティ |
概要 |
| content |
文書の内容を生成します。 |
| quotes |
引用符のレンダリング方法を指定します。 |
リスト
| プロパティ |
概要 |
| marker-offset |
マーカボックスと基本ボックスの距離を指定します。 |
| list-style-type |
マーカーの種類を指定します。 |
| list-style-image |
マーカーの画像を指定します。 |
| list-style-position |
マーカーの位置を指定します。 |
| list-style |
マーカーの種類、画像、位置をまとめて指定します。 |
前景色と背景
| プロパティ |
概要 |
| color |
前景色を指定します。 |
| background-color |
背景色を指定します。 |
| background-image |
背景画像を指定します。 |
| background-repeat |
背景画像の繰り返し方法を指定します。 |
| background-attachment |
背景画像のスクロール方法を指定します。 |
| background-position |
背景画像の位置を指定します。 |
| background |
背景に関する指定をまとめて指定します。 |
フォント
| プロパティ |
概要 |
| font-family |
フォントの種類を指定します。 |
| font-style |
斜体等のフォントのスタイルを指定します。 |
| font-variant |
スモールキャピタルのフォントを指定します。小文字のフォントとして"縦幅比"のやや異なる小さな大文字を用います。 |
| font-weight |
フォントの太さを指定します。 |
| font-stretch |
フォントの幅(伸縮)を指定します。(CSS2.1から削除) |
| font-size |
フォントの大きさを指定します。 |
| font-size-adjust |
フォントの違いによる大きさの調整を指定します。(CSS2.1から削除) |
| font |
font-stretchとfont-size-adjust以外のフォント関係をまとめて指定します。 |
テキスト
| プロパティ |
概要 |
| text-indent |
インデントを指定します。 |
| text-align |
ブロックレベル要素内の位置揃えを指定します。 |
| text-decoration |
テキストに付加する装飾(下線や上線，取り消し線，点滅)を指定します。 |
| text-shadow |
テキストに影の効果を指定します。 |
| letter-spacing |
テキストの文字間隔を指定します。 |
| word-spacing |
テキストの単語間隔を指定します。 |
| text-transform |
テキストの大文字化小文字化等変換を指定します。 |
| white-space |
スペース(空白)の扱いを指定します。 |
テーブル
| プロパティ |
概要 |
| caption-side |
表に対するキャプション(題名)の相対位置を指定します。 |
| table-layout |
表のセル、行、列をレイアウトするためのレンダリング方法を指定します。 |
| border-collapse |
表に適用するボーダーモデルを指定します。 |
| border-spacing |
隣接するセル間のスペースを指定します。 |
| empty-cells |
空セルの周囲のボーダーを表示するかどうかを指定します。 |
ユーザーインタフェイス
| プロパティ |
概要 |
| cursor |
カーソルの種類を指定します。 |
| outline |
アウトライン(輪郭線)の色、スタイル、太さをまとめて指定します。 |
| outline-width |
アウトライン(輪郭線)の太さを指定します。 |
| outline-style |
アウトライン(輪郭線)のスタイルを指定します。 |
| outline-color |
アウトライン(輪郭線)の色を指定します。 |