-webkit-前缀 CSS 扩展
基于 WebKit 或 Blink 的用户代理（例如 Safari 和 Chrome）支持对 CSS 的一些特殊扩展。这些扩展以 -webkit- 为前缀。
没有标准等效项的 -webkit-前缀属性
注意：避免在网站上使用。这些属性仅在基于 WebKit 或 Blink 的浏览器中有效，除非另有说明。
A-C
D-I
L
M
-webkit-margin-after-webkit-margin-before-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-box-image-webkit-mask-composite-webkit-mask-position-x（出于兼容性原因，所有浏览器都支持-webkit-）-webkit-mask-position-y（出于兼容性原因，所有浏览器都支持-webkit-）-webkit-mask-repeat-x（也支持无前缀）-webkit-mask-repeat-y（也支持无前缀）-webkit-mask-source-type-webkit-max-logical-height-webkit-max-logical-width-webkit-min-logical-height-webkit-min-logical-width
N-R
T
-webkit-tap-highlight-color-webkit-text-decoration-skip-webkit-text-decorations-in-effect-webkit-text-fill-color-webkit-text-security-webkit-text-stroke-color-webkit-text-stroke-width-webkit-text-stroke-webkit-text-zoom-webkit-touch-callout-webkit-transform-origin-x-webkit-transform-origin-y-webkit-transform-origin-z
U-Z
具有标准等效项的 -webkit-前缀属性
一些旧的 -webkit- 前缀属性具有标准的等效项。即使名称和语法可能不同，也应该完全不再使用它们。
对于每个属性，请使用提供的标准等效项。
A-B
-webkit-border-after-
请改用标准的
border-block-end属性。 -webkit-border-after-color-
请改用标准的
border-block-end-color属性。 -webkit-border-after-style-
请改用标准的
border-block-end-style属性。 -webkit-border-after-width-
请改用标准的
border-block-end-width属性。 -webkit-border-before-
请改用标准的
border-block-start属性。 -webkit-border-before-color-
请改用标准的
border-block-start-color属性。 -webkit-border-before-style-
请改用标准的
border-block-start-style属性。 -webkit-border-before-width-
请改用标准的
border-block-start-width属性。 -webkit-border-end-
请改用标准的
border-inline-end属性。 -webkit-border-end-color-
请改用标准的
border-inline-end-color属性。 -webkit-border-end-style-
请改用标准的
border-inline-end-style属性。 -webkit-border-end-width-
请改用标准的
border-inline-end-width属性。 -webkit-border-start-
请改用标准的
border-inline-start属性。 -webkit-border-start-color-
请改用标准的
border-inline-start-color属性。 -webkit-border-start-style-
请改用标准的
border-inline-start-style属性。 -webkit-border-start-width-
请改用标准的
border-inline-start-width属性。 -webkit-box-align-
请改用 CSS 弹性盒布局 以及标准的
align-items属性。 -webkit-box-direction-
请改用 CSS 弹性盒布局 以及标准的
flex-direction属性。 -webkit-box-flex-group-
请改用 CSS 弹性盒布局 以及标准的
flex-basis、flex-grow和flex-shrink属性。 -webkit-box-flex-webkit-box-lines-webkit-box-ordinal-group-webkit-box-orient-
请改用 CSS 弹性盒布局 以及标准的
flex-direction属性。 -webkit-box-pack-
请改用 CSS 弹性盒布局 以及标准的
justify-content属性。
C-I
-webkit-column-break-after-
请改用 CSS 多列布局 以及标准的
break-after属性。 -webkit-column-break-before-
请改用 CSS 多列布局 以及标准的
break-before属性。 -webkit-column-break-inside-
请改用 CSS 多列布局 以及标准的
break-inside属性。 -webkit-font-feature-settings-
请改用
font-feature-settings属性。 -webkit-hyphenate-character-
请改用标准的
hyphenate-character属性。 -webkit-initial-letter-
请改用标准的
initial-letter属性。
J-Z
-webkit-margin-end-
请改用标准的
margin-block-end属性。 -webkit-margin-start-
请改用标准的
margin-block-start属性。 -webkit-padding-after-
请改用标准的
padding-block-end属性。 -webkit-padding-before-
请改用标准的
padding-block-start属性。 -webkit-padding-end-
请改用标准的
padding-inline-end属性。 -webkit-padding-start-
请改用标准的
padding-inline-start属性。
伪类
:-webkit-animating-full-screen-transition:-webkit-any():-webkit-any-link*:-webkit-autofill:-webkit-autofill-strong-password:-webkit-drag:-webkit-full-page-media:-webkit-full-screen*:-webkit-full-screen-ancestor:-webkit-full-screen-document:-webkit-full-screen-controls-hidden
* 现在已成为标准。
注意：如果选择器链或组中包含无效的伪类，则整个选择器列表将无效。
伪元素
出于 Web 兼容性的原因，Blink、WebKit 和 Gecko 浏览器将所有以 ::-webkit- 开头的伪元素视为有效。
::-webkit-file-upload-button*::-webkit-inner-spin-button::-webkit-input-placeholder::-webkit-meter-bar::-webkit-meter-even-less-good-value::-webkit-meter-inner-element::-webkit-meter-optimum-value::-webkit-meter-suboptimum-value::-webkit-progress-bar::-webkit-progress-inner-element::-webkit-progress-value::-webkit-search-cancel-button::-webkit-search-results-button::-webkit-slider-runnable-track::-webkit-slider-thumb
* 现在已成为标准。
注意：通常，如果选择器链或组中包含无效的伪元素或伪类，则整个选择器列表将无效。如果伪元素（但不是伪类）具有 -webkit- 前缀，截至 Firefox 63，Blink、WebKit 和 Gecko 浏览器假定它是有效的，不会使选择器列表无效。