Created
April 25, 2014 16:27
-
-
Save shingchi/11295303 to your computer and use it in GitHub Desktop.
CSScomb默认的CSS书写顺序
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| order name zenposition | |
| top | |
| right | |
| bottom | |
| left | |
| z-index | |
| display | |
| visibility | |
| -webkit-flex-direction | |
| -moz-flex-direction | |
| -ms-flex-direction | |
| -o-flex-direction | |
| flex-direction | |
| -webkit-flex-order | |
| -moz-flex-order | |
| -ms-flex-order | |
| -o-flex-order | |
| flex-order | |
| -webkit-flex-pack | |
| -moz-flex-pack | |
| -ms-flex-pack | |
| -o-flex-pack | |
| flex-pack | |
| float | |
| clear | |
| -webkit-flex-align | |
| -moz-flex-align | |
| -ms-flex-align | |
| -o-flex-align | |
| flex-align | |
| overflow | |
| -ms-overflow-x | |
| -ms-overflow-y | |
| overflow-x | |
| overflow-y | |
| clip | |
| -webkit-box-sizing | |
| -moz-box-sizing | |
| box-sizing | |
| margin | |
| margin-top | |
| margin-right | |
| margin-bottom | |
| margin-left | |
| padding | |
| padding-top | |
| padding-right | |
| padding-bottom | |
| padding-left | |
| min-width | |
| min-height | |
| max-width | |
| max-height | |
| width | |
| height | |
| outline | |
| outline-width | |
| outline-style | |
| outline-color | |
| outline-offset | |
| border | |
| border-spacing | |
| border-collapse | |
| border-width | |
| border-style | |
| border-color | |
| border-top | |
| border-top-width | |
| border-top-style | |
| border-top-color | |
| border-right | |
| border-right-width | |
| border-right-style | |
| border-right-color | |
| border-bottom | |
| border-bottom-width | |
| border-bottom-style | |
| border-bottom-color | |
| border-left | |
| border-left-width | |
| border-left-style | |
| border-left-color | |
| -webkit-border-radius | |
| -moz-border-radius | |
| border-radius | |
| -webkit-border-top-left-radius | |
| -moz-border-radius-topleft | |
| border-top-left-radius | |
| -webkit-border-top-right-radius | |
| -moz-border-radius-topright | |
| border-top-right-radius | |
| -webkit-border-bottom-right-radius | |
| -moz-border-radius-bottomright | |
| border-bottom-right-radius | |
| -webkit-border-bottom-left-radius | |
| -moz-border-radius-bottomleft | |
| border-bottom-left-radius | |
| -webkit-border-image | |
| -moz-border-image | |
| -o-border-image | |
| border-image | |
| -webkit-border-image-source | |
| -moz-border-image-source | |
| -o-border-image-source | |
| border-image-source | |
| -webkit-border-image-slice | |
| -moz-border-image-slice | |
| -o-border-image-slice | |
| border-image-slice | |
| -webkit-border-image-width | |
| -moz-border-image-width | |
| -o-border-image-width | |
| border-image-width | |
| -webkit-border-image-outset | |
| -moz-border-image-outset | |
| -o-border-image-outset | |
| border-image-outset | |
| -webkit-border-image-repeat | |
| -moz-border-image-repeat | |
| -o-border-image-repeat | |
| border-image-repeat | |
| -webkit-border-top-image | |
| -moz-border-top-image | |
| -o-border-top-image | |
| border-top-image | |
| -webkit-border-right-image | |
| -moz-border-right-image | |
| -o-border-right-image | |
| border-right-image | |
| -webkit-border-bottom-image | |
| -moz-border-bottom-image | |
| -o-border-bottom-image | |
| border-bottom-image | |
| -webkit-border-left-image | |
| -moz-border-left-image | |
| -o-border-left-image | |
| border-left-image | |
| -webkit-border-corner-image | |
| -moz-border-corner-image | |
| -o-border-corner-image | |
| border-corner-image | |
| -webkit-border-top-left-image | |
| -moz-border-top-left-image | |
| -o-border-top-left-image | |
| border-top-left-image | |
| -webkit-border-top-right-image | |
| -moz-border-top-right-image | |
| -o-border-top-right-image | |
| border-top-right-image | |
| -webkit-border-bottom-right-image | |
| -moz-border-bottom-right-image | |
| -o-border-bottom-right-image | |
| border-bottom-right-image | |
| -webkit-border-bottom-left-image | |
| -moz-border-bottom-left-image | |
| -o-border-bottom-left-image | |
| border-bottom-left-image | |
| background | |
| filter:progid:DXImageTransform.Microsoft.AlphaImageLoader | |
| background-color | |
| background-image | |
| background-attachment | |
| background-position | |
| -ms-background-position-x | |
| -ms-background-position-y | |
| background-position-x | |
| background-position-y | |
| -webkit-background-clip | |
| -moz-background-clip | |
| background-clip | |
| background-origin | |
| -webkit-background-size | |
| -moz-background-size | |
| -o-background-size | |
| background-size | |
| background-repeat | |
| box-decoration-break | |
| -webkit-box-shadow | |
| -moz-box-shadow | |
| box-shadow | |
| color | |
| table-layout | |
| caption-side | |
| empty-cells | |
| list-style | |
| list-style-position | |
| list-style-type | |
| list-style-image | |
| quotes | |
| content | |
| counter-increment | |
| counter-reset | |
| -ms-writing-mode | |
| vertical-align | |
| text-align | |
| -webkit-text-align-last | |
| -moz-text-align-last | |
| -ms-text-align-last | |
| text-align-last | |
| text-decoration | |
| text-emphasis | |
| text-emphasis-position | |
| text-emphasis-style | |
| text-emphasis-color | |
| text-indent | |
| -ms-text-justify | |
| text-justify | |
| text-outline | |
| text-transform | |
| text-wrap | |
| -ms-text-overflow | |
| text-overflow | |
| text-overflow-ellipsis | |
| text-overflow-mode | |
| text-shadow | |
| white-space | |
| word-spacing | |
| -ms-word-wrap | |
| word-wrap | |
| -ms-word-break | |
| word-break | |
| -moz-tab-size | |
| -o-tab-size | |
| tab-size | |
| -webkit-hyphens | |
| -moz-hyphens | |
| hyphens | |
| letter-spacing | |
| font | |
| font-weight | |
| font-style | |
| font-variant | |
| font-size-adjust | |
| font-stretch | |
| font-size | |
| font-family | |
| src | |
| line-height | |
| opacity | |
| -ms-filter:'progid:DXImageTransform.Microsoft.Alpha | |
| filter:progid:DXImageTransform.Microsoft.Alpha(Opacity | |
| -ms-interpolation-mode | |
| -webkit-filter | |
| -ms-filter | |
| filter | |
| resize | |
| cursor | |
| nav-index | |
| nav-up | |
| nav-right | |
| nav-down | |
| nav-left | |
| -webkit-transition | |
| -moz-transition | |
| -ms-transition | |
| -o-transition | |
| transition | |
| -webkit-transition-delay | |
| -moz-transition-delay | |
| -ms-transition-delay | |
| -o-transition-delay | |
| transition-delay | |
| -webkit-transition-timing-function | |
| -moz-transition-timing-function | |
| -ms-transition-timing-function | |
| -o-transition-timing-function | |
| transition-timing-function | |
| -webkit-transition-duration | |
| -moz-transition-duration | |
| -ms-transition-duration | |
| -o-transition-duration | |
| transition-duration | |
| -webkit-transition-property | |
| -moz-transition-property | |
| -ms-transition-property | |
| -o-transition-property | |
| transition-property | |
| -webkit-transform | |
| -moz-transform | |
| -ms-transform | |
| -o-transform | |
| transform | |
| -webkit-transform-origin | |
| -moz-transform-origin | |
| -ms-transform-origin | |
| -o-transform-origin | |
| transform-origin | |
| -webkit-animation | |
| -moz-animation | |
| -ms-animation | |
| -o-animation | |
| animation | |
| -webkit-animation-name | |
| -moz-animation-name | |
| -ms-animation-name | |
| -o-animation-name | |
| animation-name | |
| -webkit-animation-duration | |
| -moz-animation-duration | |
| -ms-animation-duration | |
| -o-animation-duration | |
| animation-duration | |
| -webkit-animation-play-state | |
| -moz-animation-play-state | |
| -ms-animation-play-state | |
| -o-animation-play-state | |
| animation-play-state | |
| -webkit-animation-timing-function | |
| -moz-animation-timing-function | |
| -ms-animation-timing-function | |
| -o-animation-timing-function | |
| animation-timing-function | |
| -webkit-animation-delay | |
| -moz-animation-delay | |
| -ms-animation-delay | |
| -o-animation-delay | |
| animation-delay | |
| -webkit-animation-iteration-count | |
| -moz-animation-iteration-count | |
| -ms-animation-iteration-count | |
| -o-animation-iteration-count | |
| animation-iteration-count | |
| -webkit-animation-direction | |
| -moz-animation-direction | |
| -ms-animation-direction | |
| -o-animation-direction | |
| animation-direction | |
| pointer-events | |
| unicode-bidi | |
| direction | |
| -webkit-columns | |
| -moz-columns | |
| columns | |
| -webkit-column-span | |
| -moz-column-span | |
| column-span | |
| -webkit-column-width | |
| -moz-column-width | |
| column-width | |
| -webkit-column-count | |
| -moz-column-count | |
| column-count | |
| -webkit-column-fill | |
| -moz-column-fill | |
| column-fill | |
| -webkit-column-gap | |
| -moz-column-gap | |
| column-gap | |
| -webkit-column-rule | |
| -moz-column-rule | |
| column-rule | |
| -webkit-column-rule-width | |
| -moz-column-rule-width | |
| column-rule-width | |
| -webkit-column-rule-style | |
| -moz-column-rule-style | |
| column-rule-style | |
| -webkit-column-rule-color | |
| -moz-column-rule-color | |
| column-rule-color | |
| break-before | |
| break-inside | |
| break-after | |
| page-break-before | |
| page-break-inside | |
| page-break-after | |
| orphans | |
| widows | |
| -ms-zoom | |
| zoom | |
| max-zoom | |
| min-zoom | |
| user-zoom | |
| orientation |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment