CSS | CSS属性推荐书写顺序
原文地址
div {
position: ;
top: ;
right: ;
bottom: ;
left: ;
z-index: ;
float: ;
display: ;
width: ;
height: ;
max-width: ;
max-height: ;
min-width: ;
min-height: ;
padding: ;
padding-top: ;
padding-right: ;
padding-bottom: ;
padding-left: ;
border: ;
border-collapse: ;
border-top: ;
border-right: ;
border-bottom: ;
border-left: ;
border-color: ;
border-image: ;
border-top-color: ;
border-right-color: ;
border-bottom-color: ;
border-left-color: ;
border-spacing: ;
border-style: ;
border-top-style: ;
border-right-style: ;
border-bottom-style: ;
border-left-style: ;
border-width: ;
border-top-width: ;
border-right-width: ;
border-bottom-width: ;
border-left-width: ;
border-radius: ;
border-top-right-radius: ;
border-bottom-right-radius: ;
border-bottom-left-radius: ;
border-top-left-radius: ;
margin: ;
margin-top: ;
margin-right: ;
margin-bottom: ;
margin-left: ;
overflow: ;
overflow-x: ;
overflow-y: ;
clip: ;
clear: ;
font: ;
font-family: ;
font-size: ;
font-style: ;
font-weight: ;
src: ;
line-height: ;
letter-spacing: ;
word-spacing: ;
color: ;
text-align: ;
text-decoration: ;
text-indent: ;
text-overflow: ;
text-rendering: ;
text-shadow: ;
text-transform: ;
word-break: ;
word-wrap: ;
white-space: ;
vertical-align: ;
list-style: ;
list-style-type: ;
list-style-position: ;
list-style-image: ;
pointer-events: ;
cursor: ;
background: ;
background-attachment: ;
background-color: ;
background-image: ;
background-position: ;
background-repeat: ;
background-size: ;
content: ;
quotes: ;
outline: ;
outline-offset: ;
opacity: ;
filter: ;
visibility: ;
size: ;
zoom: ;
transform: ;
box-shadow: ;
box-sizing: ;
table-layout: ;
animation: ;
animation-delay: ;
animation-duration: ;
animation-iteration-count: ;
animation-name: ;
animation-play-state: ;
animation-timing-function: ;
animation-fill-mode: ;
transition: ;
transition-delay: ;
transition-duration: ;
transition-property: ;
transition-timing-function: ;
background-clip: ;
backface-visibility: ;
resize: ;
direction: ;
page: ;
unicode-bidi: ;
align-content: ;
align-items: ;
align-self: ;
alignment-baseline: ;
all: ;
animation-direction: ;
background-blend-mode: ;
background-origin: ;
background-position-x: ;
background-position-y: ;
background-repeat-x: ;
background-repeat-y: ;
baseline-shift: ;
border-image-outset: ;
border-image-repeat: ;
border-image-slice: ;
border-image-source: ;
border-image-width: ;
buffered-rendering: ;
caption-side: ;
clip-path: ;
clip-rule: ;
color-interpolation: ;
color-interpolation-filters: ;
color-rendering: ;
counter-increment: ;
counter-reset: ;
cx: ;
cy: ;
dominant-baseline: ;
empty-cells: ;
fill: ;
fill-opacity: ;
fill-rule: ;
flex: ;
flex-basis: ;
flex-direction: ;
flex-flow: ;
flex-grow: ;
flex-shrink: ;
flex-wrap: ;
flood-color: ;
flood-opacity: ;
font-feature-settings: ;
font-kerning: ;
font-stretch: ;
font-variant: ;
font-variant-ligatures: ;
image-rendering: ;
isolation: ;
justify-content: ;
lighting-color: ;
marker: ;
marker-end: ;
marker-mid: ;
marker-start: ;
mask: ;
mask-type: ;
max-zoom: ;
min-zoom: ;
mix-blend-mode: ;
motion: ;
motion-offset: ;
motion-path: ;
motion-rotation: ;
object-fit: ;
object-position: ;
order: ;
orientation: ;
orphans: ;
outline-color: ;
outline-style: ;
outline-width: ;
overflow-wrap: ;
page-break-after: ;
page-break-before: ;
page-break-inside: ;
paint-order: ;
perspective: ;
perspective-origin: ;
r: ;
rx: ;
ry: ;
shape-image-threshold: ;
shape-margin: ;
shape-outside: ;
shape-rendering: ;
speak: ;
stop-color: ;
stop-opacity: ;
stroke: ;
stroke-dasharray: ;
stroke-dashoffset: ;
stroke-linecap: ;
stroke-linejoin: ;
stroke-miterlimit: ;
stroke-opacity: ;
stroke-width: ;
tab-size: ;
text-align-last: ;
text-anchor: ;
text-combine-upright: ;
text-orientation: ;
touch-action: ;
transform-origin: ;
transform-style: ;
unicode-range: ;
user-zoom: ;
vector-effect: ;
webkit-app-region: ;
webkit-appearance: ;
webkit-background-clip: ;
webkit-background-composite: ;
webkit-background-origin: ;
webkit-border-after: ;
webkit-border-after-color: ;
webkit-border-after-style: ;
webkit-border-after-width: ;
webkit-border-before: ;
webkit-border-before-color: ;
webkit-border-before-style: ;
webkit-border-before-width: ;
webkit-border-end: ;
webkit-border-end-color: ;
webkit-border-end-style: ;
webkit-border-end-width: ;
webkit-border-horizontal-spacing: ;
webkit-border-image: ;
webkit-border-start: ;
webkit-border-start-color: ;
webkit-border-start-style: ;
webkit-border-start-width: ;
webkit-border-vertical-spacing: ;
webkit-box-align: ;
webkit-box-decoration-break: ;
webkit-box-direction: ;
webkit-box-flex: ;
webkit-box-flex-group: ;
webkit-box-lines: ;
webkit-box-ordinal-group: ;
webkit-box-orient: ;
webkit-box-pack: ;
webkit-box-reflect: ;
webkit-clip-path: ;
webkit-column-break-after: ;
webkit-column-break-before: ;
webkit-column-break-inside: ;
webkit-column-count: ;
webkit-column-gap: ;
webkit-column-rule: ;
webkit-column-rule-color: ;
webkit-column-rule-style: ;
webkit-column-rule-width: ;
webkit-column-span: ;
webkit-column-width: ;
webkit-columns: ;
webkit-filter: ;
webkit-font-size-delta: ;
webkit-font-smoothing: ;
webkit-highlight: ;
webkit-hyphenate-character: ;
webkit-line-break: ;
webkit-line-clamp: ;
webkit-locale: ;
webkit-logical-height: ;
webkit-logical-width: ;
webkit-margin-after: ;
webkit-margin-after-collapse: ;
webkit-margin-before: ;
webkit-margin-before-collapse: ;
webkit-margin-bottom-collapse: ;
webkit-margin-collapse: ;
webkit-margin-end: ;
webkit-margin-start: ;
webkit-margin-top-collapse: ;
webkit-mask: ;
webkit-mask-box-image: ;
webkit-mask-box-image-outset: ;
webkit-mask-box-image-repeat: ;
webkit-mask-box-image-slice: ;
webkit-mask-box-image-source: ;
webkit-mask-box-image-width: ;
webkit-mask-clip: ;
webkit-mask-composite: ;
webkit-mask-image: ;
webkit-mask-origin: ;
webkit-mask-position: ;
webkit-mask-position-x: ;
webkit-mask-position-y: ;
webkit-mask-repeat: ;
webkit-mask-repeat-x: ;
webkit-mask-repeat-y: ;
webkit-mask-size: ;
webkit-max-logical-height: ;
webkit-max-logical-width: ;
webkit-min-logical-height: ;
webkit-min-logical-width: ;
webkit-padding-after: ;
webkit-padding-before: ;
webkit-padding-end: ;
webkit-padding-start: ;
webkit-perspective-origin-x: ;
webkit-perspective-origin-y: ;
webkit-print-color-adjust: ;
webkit-rtl-ordering: ;
webkit-ruby-position: ;
webkit-tap-highlight-color: ;
webkit-text-combine: ;
webkit-text-decorations-in-effect: ;
webkit-text-emphasis: ;
webkit-text-emphasis-color: ;
webkit-text-emphasis-position: ;
webkit-text-emphasis-style: ;
webkit-text-fill-color: ;
webkit-text-orientation: ;
webkit-text-security: ;
webkit-text-stroke: ;
webkit-text-stroke-color: ;
webkit-text-stroke-width: ;
webkit-transform-origin-x: ;
webkit-transform-origin-y: ;
webkit-transform-origin-z: ;
webkit-user-drag: ;
webkit-user-modify: ;
webkit-user-select: ;
webkit-writing-mode: ;
widows: ;
will-change: ;
writing-mode: ;
x: ;
y: ;
css-text: ;
length: ;
parent-rule: ;
css-float: ;
item: ;
get-property-value: ;
get-property-priority: ;
set-property: ;
remove-property: ;
}