@ CSS

プロパティ

CSSでは数多くのプロパティが提供されています。それらはいくつかのグループにわけることができ、グループの特徴を捉えるとスタイルシートの使い方が理解しやすくなります。

1.「視覚整形モデル – ディスプレイ」に関するプロパティ

  • display

2.「リスト」に関するプロパティ

  • list-style
  • list-style-type
  • list-style-image
  • list-style-position

3.「利用者インターフェース」に関するプロパティ

  • cursor
  • outline
  • outline-width
  • outline-style
  • outline-color

4.「視覚整形モデル」に関するプロパティ

  • position ( top right bottom left )
  • z-index
  • float
  • clear
  • direction
  • unicode-bidi
  • width
  • min-width
  • max-width
  • height
  • min-height
  • max-height
  • line-height

5.「ビジュアルエフェクト」に関するプロパティ

  • overflow
  • clip
  • visibility

6.「ボックスモデル」に関するプロパティ

  • margin ( -top -right -bottom -left )
  • padding ( -top -right -bottom -left )
  • border ( -top -right -bottom -left )
  • border-width
  • border-color
  • border-style

7.「表」に関するプロパティ

  • caption-side
  • table-layout
  • border-collapse
  • border-spacing
  • empty-cells
  • speak-header

8.「背景」に関するプロパティ

  • background
  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

9.「色」に関するプロパティ

  • color

10.「フォント」に関するプロパティ

  • font
  • font-family
  • font-style
  • font-variant
  • font-weight
  • font-size

11.「テキスト」に関するプロパティ

  • text-decoration
  • text-align
  • vertical-align
  • white-space
  • text-indent
  • letter-spacing
  • word-spacing
  • text-transform

12.「生成内容」に関するプロパティ

  • content
  • counter-reset
  • counter-increment

13.「ページ出力」に関するプロパティ

  • page-break-before
  • page-break-after
  • page-break-inside
  • orphans
  • widows

参考にしたPDFファイル

CSS Property Order Sheet – Mozilla Suggested Order + Kaminogoya CSS Coding Guideline

Selectors Level 3 仕様の完全な セレクターの一覧

List of CSS properties, both proposed and standard – W3C