WebKit (-webkit-) 浏览器引擎前缀 CSS 扩展
一个浏览器引擎前缀（又称厂商前缀）用于表明某个特性是特定于某个浏览器的。基于 WebKit 或 Blink 的用户代理（如 Safari 和 Chrome）支持对 CSS 的一些扩展，这些扩展都以 -webkit- 为前缀。
没有标准等价写法的 -webkit- 前缀属性
备注：除非支持说明中另有说明，否则这些属性在基于 WebKit 或 Blink 的浏览器中均有效。你应该避免在生产网站上使用它们。
A-C
-webkit-app-region已弃用 ：Safari 不再支持。-webkit-border-horizontal-spacing-webkit-border-vertical-spacing-webkit-box-reflect：出于兼容性原因，所有浏览器都以-webkit-前缀支持此属性。-webkit-column-axis：Chrome 不支持。-webkit-column-progression：Chrome 不支持。-webkit-cursor-visibility：Chrome 不支持。
D-L
-webkit-font-smoothing：参见font-smooth。-webkit-hyphenate-limit-after：Chrome 不支持。-webkit-hyphenate-limit-before：Chrome 不支持。-webkit-hyphenate-limit-lines：Chrome 不支持。-webkit-line-align：Chrome 不支持。-webkit-line-box-contain：Chrome 不支持。-webkit-line-grid：Chrome 不支持。-webkit-line-snap：Chrome 不支持。-webkit-locale-webkit-logical-height-webkit-logical-width
M
-webkit-margin-after-webkit-margin-before-webkit-mask-box-image：参见mask-border和border-image。-webkit-mask-box-image-outset：参见mask-border和border-image。-webkit-mask-box-image-repeat：参见mask-border和border-image。-webkit-mask-box-image-slice：参见mask-border和border-image。-webkit-mask-box-image-source：参见mask-border和border-image。-webkit-mask-box-image-width：参见mask-border和border-image。-webkit-mask-composite：参见mask-border和border-image。-webkit-mask-position-x：出于兼容性原因，所有浏览器都以-webkit-前缀支持此属性。-webkit-mask-position-y：出于兼容性原因，所有浏览器都以-webkit-前缀支持此属性。-webkit-mask-repeat-x已弃用 ：不再支持；参见mask-repeat。-webkit-mask-repeat-y已弃用 ：不再支持；参见mask-repeat。-webkit-mask-source-type：Chrome 不支持。-webkit-max-logical-height-webkit-max-logical-width-webkit-min-logical-height-webkit-min-logical-width
N-Z
-webkit-nbsp-mode：Chrome 不支持。-webkit-perspective-origin-x-webkit-perspective-origin-y-webkit-rtl-ordering-webkit-tap-highlight-color：仅 iOS 上的 Safari 支持。-webkit-text-decoration-skip：Chrome 不支持。-webkit-text-decorations-in-effect-webkit-text-fill-color-webkit-text-security-webkit-text-stroke-webkit-text-stroke-color-webkit-text-stroke-width-webkit-text-zoom：Chrome 不支持。-webkit-touch-callout已弃用 ：仅 iOS 上的 Safari 支持。-webkit-transform-origin-x-webkit-transform-origin-y-webkit-transform-origin-z-webkit-user-drag-webkit-user-modify
有标准等价写法的 -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：使用 CSS 弹性盒和flex-grow。-webkit-box-lines：使用 CSS 弹性盒和flex-flow。-webkit-box-ordinal-group：使用 CSS 弹性盒和order。-webkit-box-orient：使用 CSS 弹性盒和flex-direction。-webkit-box-pack：使用 CSS 弹性盒和justify-content。-webkit-box-reflect：使用 CSSelement()函数。
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（Safari 不支持带前缀的版本）。-webkit-hyphenate-character：使用hyphenate-character。-webkit-initial-letter：使用initial-letter。
J-Z
-webkit-line-clamp：使用line-clamp。-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-any()：使用:is:-webkit-any-link：使用:any-link:-webkit-autofill：使用:autofill:-webkit-autofill-strong-password：使用:autofill:-webkit-drag:-webkit-full-page-media：使用:fullscreen:-webkit-full-screen：使用:fullscreen:-webkit-full-screen-ancestor：使用:fullscreen:-webkit-full-screen-document：使用:fullscreen:-webkit-full-screen-controls-hidden：使用:fullscreen
伪元素
出于 Web 兼容性的原因，Blink、WebKit 和 Gecko 浏览器会将所有以 ::-webkit- 开头的伪元素视为有效。如果选择器链或选择器组中存在无效的伪元素或伪类，整个选择器列表都将无效。如果一个伪元素（而非伪类）带有 -webkit- 前缀，Blink、WebKit 和 Gecko 浏览器会假定它是有效的，而不会使选择器列表无效。
::-webkit-file-upload-button：使用::file-selector-button::-webkit-inner-spin-button::-webkit-input-placeholder：使用::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-animation已弃用-webkit-device-pixel-ratio：跨浏览器支持-webkit-transform-2d已弃用-webkit-transform-3d：跨浏览器支持-webkit-transition已弃用