*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
×
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -