2014年8月31日 / 最終更新日 : 2018年11月1日 岩野英穂 CSS

CSSプロパティ・スタイルプロパティの記述順番

Mozillaの順序

 

  1. margin
  2. padding
  3. width
  4. min-width
  5. max-width
  6. height
  7. min-height
  8. max-height
  9. background-color
  10. background-image
  11. background-repeat
  12. background-position
  13. border-width
  14. border-style
  15. border-color
  16. outline-width
  17. outline-style
  18. outline-color
  19. list-style-type
  20. list-style-image
  21. list-style-position
  22. display
  23. visibility
  24. overflow
  25. clip

要素の位置に関するプロパティ

  1. float
  2. clear
  3. position
  4. top
  5. bottom
  6. left
  7. right
  8. z-index

テキストに関するプロパティ

  1. color
  2. font-family
  3. font-size
  4. font-weight
  5. font-style
  6. text-indent
  7. text-decoration
  8. text-align
  9. vertical-align
  10. line-height
  11. letter-spacing
  12. direction
  13. unicode-bidi
  14. text-shadow
  15. text-transform
  16. white-space
  17. word-spacing

テーブルに関するプロパティ

  1. table-layout
  2. caption-side
  3. border-collapase
  4. border-spacinfg
  5. empty-cells
  6. font-size-adjust
  7. font-stretch
  8. font-variant

その他特殊なもの

  1. cursor
  2. content
  3. counter-increment
  4. counter-reset
  5. quotes

Dreamweaverで自動的にCSSプロパティの順番を並べ替える

1.表示や配置など「視覚整形モデル」に関するプロパティ
display
list-style**
  1. list-style-type
  2. list-style-image
  3. list-style-position
  4. marker-offset（CSS2.1勧告候補では削除）
position**
  1. top
  2. right
  3. bottom
  4. left
float
clear
z-index
2.ボックスモデルに関するプロパティ
width**
  1. min-width
  2. max-width
height**
  1. min-height
  2. max-height
line-height
vertical-align
overflow
clip
visibility
margin**
  1. margin-top
  2. margin-right
  3. margin-bottom
  4. margin-left
padding**
  1. padding-top
  2. padding-right
  3. padding-bottom
  4. padding-left
border**
  1. border-width
  2. border-top-width
  3. border-right-width
  4. border-bottom-width
  5. border-left-width
  6. border-color
  7. border-top-color
  8. border-right-color
  9. border-bottom-color
  10. border-left-color
  11. border-style
  12. border-top-style
  13. border-right-style
  14. border-bottom-style
  15. border-left-style
  16. border-top
  17. border-bottom
  18. border-right
  19. border-left
3.背景と前景に関するプロパティ
background**
  1. background-color
  2. background-image
  3. background-repeat
  4. background-attachment
  5. background-position
4.フォントとテキストに関するプロパティ
color
font**
  1. font-family
  2. font-style
  3. font-variant
  4. font-weight
  5. font-stretch
  6. font-size
  7. font-size-adjust（CSS2.1勧告候補では削除）
text-indent
text-decoration
text-align
vertical-align
white-space
other text**
  1. text-shadow（CSS2.1勧告候補では削除）
  2. letter-spacing
  3. word-spacing
  4. text-transform
  5. white-space
5.表に関するプロパティ**
  1. caption-side
  2. table-layout
  3. border-collapse
  4. border-spacing
  5. empty-cells
6.生成内容に関するプロパティ**
  1. contentcounter-increment
  2. counter-reset
  3. quotes
7.UIに関するプロパティ**
  1. outline
  2. outline-width
  3. outline-style
  4. outline-color
  5. cursor
8.印刷に関するプロパティ**
  1. size
  2. marks
  3. page-break-before
  4. page-break-after
  5. page-break-inside
  6. page
  7. orphans
  8. widows
9.音声に関するプロパティ**
  1. speak-header
  2. volume
  3. speak
  4. pause-before
  5. pause-after
  6. pause
  7. cue-before
  8. cue-after
  9. cue
  10. play-during
  11. azimuth
  12. elevation
  13. speech-rate
  14. voice-family
  15. pitch
  16. pitch-range
  17. stress
  18. richness
  19. speak-punctuation
  20. speak-numeral

参考にさせて頂いたサイト
CSSプロパティの記述順序 | かたつむりくんのWWW
スタイルプロパティの記述順番ガイドライン／クロノドライブ

Follow me!

この記事を書いた人

岩野英穂
スタジオ・イワノ 代表
・習志野商工会議所 会員
・船橋商工会議所 1号議員　サービス業部会 副部会長　広報委員会・情報化推進委員会所属
・千葉県吹奏楽連盟賛助会 会員
・習志野ロータリークラブ 会員
カテゴリー
CSS