Maison  >  Article  >  interface Web  >  Ordre d'écriture du style CSS

Ordre d'écriture du style CSS

高洛峰
高洛峰original
2017-02-14 15:18:371535parcourir

"position",

"haut",

"droite",

"bas",

"gauche",

"z-index",

"display",

"float",

"width",

"min-width" ,

"largeur maximale",

"hauteur",

"hauteur min",

"hauteur maximale",

"-webkit-box-sizing",

"-moz-box-sizing",

"box-sizing",

"-webkit-apparence ",

"padding",

"padding-top",

"padding-right",

"padding-bottom",

"padding-left",

"margin",

"margin-top",

"margin-right",

"marge-bas",

"marge-gauche",

"overflow",

"overflow-x",

"overflow-y ",

"-webkit-overflow-scrolling",

"-ms-overflow-x",

"-ms-overflow-y",

"-ms-overflow-style",

"clip",

"clear",

"font",

"font -family",

"font-size",

"font-style",

"font-weight",

"font-variant ",

"font-size-adjust",

"font-stretch",

"font-effect",

"font-emphasize ",

"font-emphasize-position",

"font-emphasize-style",

"font-smooth",

"- webkit-hyphens",

"-moz-hyphens",

"hyphens",

"line-height",

"color",

"text-align",

"-webkit-text-align-last",

"-moz-text-align-last",

"-ms-text-align-last",

"text-align-last",

"text-emphasis",

"text-emphasis- couleur",

"text-emphasis-style",

"text-emphasis-position",

"text-decoration",

" text-indent",

"text-justify",

"text-outline",

"-ms-text-overflow",

"text-overflow",

"text-overflow-ellipsis",

"text-overflow-mode",

"text-shadow",

"text-transform",

"text-wrap",

"-webkit-text-size-adjust",

"-ms-text-size -adjust",

"letter-spacing",

"-ms-word-break",

"word-break",

" word-spacing",

"-ms-word-wrap",

"word-wrap",

"-moz-tab-size",

"-o-tab-size",

"tab-size",

"espace blanc",

"vertical-align",

"list-style",

"list-style-position",

"list-style-type",

"list-style-image ",

"événement-pointeur",

"-ms-touch-action",

"touch-action",

"curseur" ,

"visibilité",

"zoom",

"flex-direction",

"flex-order",

"flex-pack",

"flex-align",

"table-layout",

"cellules vides",

" caption-side",

"border-spacing",

"border-collapse",

"content",

"quotes",

"counter-reset",

"counter-increment",

"resize",

"-webkit-user-select",

"-moz-user-select",

"-ms-user-select",

"-o-user-select",

" user-select",

"nav-index",

"nav-up",

"nav-right",

"nav- vers le bas",

"nav-left",

"background",

"background-color",

"background-image",

"-ms-filter:\'progid:DXImageTransform.Microsoft.gradient",

"filter:progid:DXImageTransform.Microsoft.gradient",

"filter:progid :DXImageTransform.Microsoft.AlphaImageLoader",

"filter",

"background-repeat",

"background-attachment",

"background -position",

"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",

" border",

"border-color",

"border-style",

"border-width",

"border-top" ,

"border-top-color",

"border-top-style",

"border-top-width",

"border-right",

"border-right-color",

"border-right-style" ,

"border-right-width",

"border-bottom",

"border-bottom-color",

"border- bottom-style",

"border-bottom-width",

"border-left",

"border-left-color",

"border-left-style",

"border-left-width",

"border-radius",

"border-top-left-radius" ,

"bordure-haut-droit-radius",

"bordure-bas-droit-rayon",

"bordure-bas-gauche-rayon",

"-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",

"outline",

"outline- width",

"outline-style",

"outline-color",

"outline-offset",

"-webkit-box -shadow",

"-moz-box-shadow",

"box-shadow",

"filter:progid:DXImageTransform.Microsoft.Alpha(Opacité" ,

"-ms-filter:\'progid:DXImageTransform.Microsoft.Alpha",

"opacity",

"-ms-interpolation-mode",

"-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" ,

"fonction de synchronisation de transition",

"-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"

Pour plus d'articles liés à l'ordre d'écriture des styles CSS, veuillez faire attention au site Web PHP chinois !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn