*property list
CSSで使っているプロパティの並び順です。
どれが正解というのは特にないらしいので、色んな所を参考にしながら私なりにやりやすい並び順で作ってみただけ。個人的な備忘録です。
これまで半ば思いついたままに書いていてあまりに統一性がなかったので、以後はこれにあわせていけたらいいな…。
【基本】
だいたいの指定方法は、横→縦、内→外
四方設定のあるものは上右下左(時計回り)
線に関するもの(太さ→形状→色)
リンクによく使われる擬似要素(a:link→:visited→:hover→:active,:focus)
ベンダープレフィックスは、文字数が長い順(webkit→moz→ms→o→無印)
【表示や配置など】
display
visibility
list-style
float
clear
position
top
right
bottom
left
z-index
filter:(MSフィルター)
opacity
【ボックスモデル】
box-sizing
width
min-width
max-width
height
min-height
max-height
line-height
overflow
clip
padding
padding-top
padding-right
padding-bottom
padding-left
margin
margin-top
margin-right
margin-bottom
margin-left
outline
border
border-top
border-right
border-bottom
border-left
border-radius
border-image
box-shadow
【背景】
background
background-color
background-image
background-repeat
background-position
background-attachment
background-clip
background-origin
background-size
【フォントとテキスト】
color
font
font-family
font-style
font-weight
font-size
font-size-adjust
text-indent
text-decoration
text-align
vertical-align
text-shadow
letter-spacing
word-spacing
white-space
text-wrap
text-overflow
text-overflow-ellipsis
content
【表】
caption-side
table-layout
border-collapse
border-spacing
empty-cells
【その他】
cursor
transition
transform
zoom