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!

この記事を書いた人

アバター画像
岩野英穂
株式会社スタジオイワノ
代表取締役

当社は、WordPressを使用したウェブサイト制作を得意としています。初心者でも簡単に更新が可能なノンコード編集プラグイン「Elementor」を用いた作業にも自信を持って取り組んでいます。また、WordPressテーマ「Lightning」のカスタマイズなども幅広く手掛けています。さらに、オンラインショップ用の「Welcart」や不動産サイト制作用テーマ「不動産プラグイン」の制作も豊富に行っております。

また、制作業者様の下請け作業のお手伝いも行っております。人手不足やコーディングの一部を依頼したい、管理者が退職してしまった、更新内容を検討する時間がないなど、様々なご要望にお応えします。

お客様のご要望に合わせて無料の費用見積もりを提供させていただきますので、お気軽にお問い合わせください。