Webkit CSS 扩展

仅 WebKit 具有的属性

备注：避免在网站上使用。这些属性仅在 WebKit 应用中可用。

A

-webkit-animation-trigger

-webkit-app-region

-webkit-aspect-ratio

B

-webkit-backdrop-filter

-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-start**

-webkit-border-start-color**

-webkit-border-start-style**

-webkit-border-start-width**

-webkit-border-vertical-spacing

-webkit-box-align**

-webkit-box-direction**

-webkit-box-flex-group**

-webkit-box-flex**

-webkit-box-lines**

-webkit-box-ordinal-group**

-webkit-box-orient**

-webkit-box-pack**

-webkit-box-reflect**

C

-webkit-column-axis

-webkit-column-break-after

-webkit-column-break-before

-webkit-column-break-inside

-webkit-column-progression

-webkit-cursor-visibility

D-I

-webkit-dashboard-region

-webkit-font-size-delta

-webkit-font-smoothing

-webkit-hyphenate-character

-webkit-hyphenate-limit-after

-webkit-hyphenate-limit-before

-webkit-hyphenate-limit-lines

-webkit-initial-letter

L

-webkit-line-align

-webkit-line-box-contain

-webkit-line-clamp

-webkit-line-grid

-webkit-line-snap

-webkit-locale

-webkit-logical-height

-webkit-logical-width

M

-webkit-margin-after

-webkit-margin-before

-webkit-margin-end**

-webkit-margin-start**

-webkit-marquee-direction

-webkit-marquee-increment

-webkit-marquee-repetition

-webkit-marquee-speed

-webkit-marquee-style

-webkit-marquee

-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-repeat-x***

-webkit-mask-repeat-y***

-webkit-mask-source-type

-webkit-mask-position-x

-webkit-mask-position-y

-webkit-max-logical-height

-webkit-max-logical-width

-webkit-min-logical-height

-webkit-min-logical-width

N

-webkit-nbsp-mode

P

-webkit-padding-after**

-webkit-padding-before**

-webkit-padding-end**

-webkit-padding-start**

-webkit-perspective-origin-x

-webkit-perspective-origin-y

R-S

-webkit-rtl-ordering

-webkit-svg-shadow

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-transform-origin-x

-webkit-transform-origin-y

-webkit-transform-origin-z

U

-webkit-user-drag

-webkit-user-modify

* 一些是在标准的、无前缀的轨道上。

** 新语法已经标准化。属性链接到新的语法。旧的带有前缀的语法在一些浏览器中依然支持。

*** WebKit 支持不带 -webkit 前缀，但是不标准或者不在标准轨道上。

标准轨道上的带有 WebKit 前缀的属性

-webkit-appearance

-webkit-font-size-delta

已经成为标准属性的前专有属性

备注：要尽可能地提高兼容性，你需要使用无前缀的标准属性，而不是下面列出的这些有前缀的。

A

-webkit-align-content

-webkit-align-items

-webkit-align-self

-webkit-animation

-webkit-animation-delay

-webkit-animation-direction

-webkit-animation-duration

-webkit-animation-fill-mode

-webkit-animation-iteration-count

-webkit-animation-name

-webkit-animation-play-state

-webkit-animation-timing-function

-webkit-appearance

B

-webkit-backface-visibility

-webkit-background-clip

-webkit-background-origin

-webkit-background-size

-webkit-border-bottom-left-radius

-webkit-border-bottom-right-radius

-webkit-border-image

-webkit-border-radius

-webkit-border-top-left-radius

-webkit-border-top-right-radius

-webkit-box-decoration-break

-webkit-box-shadow

-webkit-box-sizing

C

-webkit-clip-path

-webkit-column-count

-webkit-column-fill

-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

F

-webkit-filter

-webkit-flex

-webkit-flex-basis

-webkit-flex-direction

-webkit-flex-flow

-webkit-flex-grow

-webkit-flex-shrink

-webkit-flex-wrap

-webkit-font-feature-settings

-webkit-font-kerning

-webkit-font-variant-ligatures

G-J

-webkit-grid

-webkit-grid-area

-webkit-grid-auto-columns

-webkit-grid-auto-flow

-webkit-grid-auto-rows

-webkit-grid-column

-webkit-grid-column-end

-webkit-grid-column-gap

-webkit-grid-column-start

-webkit-grid-gap

-webkit-grid-row

-webkit-grid-row-end

-webkit-grid-row-gap

-webkit-grid-row-start

-webkit-grid-template

-webkit-grid-template-areas

-webkit-grid-template-columns

-webkit-grid-template-rows

H-L

-webkit-hyphens

-webkit-justify-content

-webkit-justify-items

-webkit-justify-self

-webkit-line-break

M

-webkit-mask

-webkit-mask-clip

-webkit-mask-composite

-webkit-mask-image

-webkit-mask-origin

-webkit-mask-position

-webkit-mask-repeat

-webkit-mask-size

O-R

-webkit-opacity

-webkit-order

-webkit-perspective

-webkit-perspective-origin

-webkit-print-color-adjust

-webkit-ruby-position

S

-webkit-scroll-snap-type

-webkit-shape-image-threshold

-webkit-shape-margin

-webkit-shape-outside

T

-webkit-text-combine

-epub-text-decoration

-webkit-text-color-decoration

-webkit-text-decoration-line

-webkit-text-decoration-style

-epub-text-emphasis

-webkit-text-emphasis

-epub-text-emphasis-color

-webkit-text-emphasis-color

-webkit-text-emphasis-position

-epub-text-emphasis-style

-webkit-text-emphasis-style

-webkit-text-justify

-webkit-text-orientation

-webkit-text-size-adjust

-webkit-text-underline-position

-webkit-transform

-webkit-transform-origin

-webkit-transform-style

-webkit-transition

-webkit-transition-delay

-webkit-transition-duration

-webkit-transition-property

-webkit-transition-timing-function

U-W

-webkit-user-select

-epub-word-break

-epub-writing-mode

在非 webkit 浏览器中不带前缀支持，但是非标准

以下的属性在至少一个浏览器中不带前缀就支持，但是不在标准的轨道上。

-webkit-mask-position-x*

-webkit-mask-position-y*

* 在 Firefox 中不带前缀支持，在 Safari 中带前缀。

在 Firefox 中带 -webkit- 前缀支持

以下属性在 Firefox 中带 -webkit- 前缀支持，其中许多也支持无前缀版本。参见上面的已经成为标准属性的前专有属性。

备注：由于许多网站的旧版代码使用了以 -webkit- 为前缀的属性，Edge 和 Firefox 会将许多 -webkit- 为前缀的属性重定向到 -moz-、-ms- 和相应的没有前缀的等价属性上。

A

-webkit-align-content

-webkit-align-items

-webkit-align-self

-webkit-animation

-webkit-animation-delay

-webkit-animation-direction

-webkit-animation-duration

-webkit-animation-fill-mode

-webkit-animation-iteration-count

-webkit-animation-name

-webkit-animation-play-state

-webkit-animation-timing-function

-webkit-appearance*

B

-webkit-backface-visibility

-webkit-background-clip

-webkit-background-origin

-webkit-background-size

-webkit-border-bottom-left-radius

-webkit-border-bottom-right-radius

-webkit-border-image

-webkit-border-radius

-webkit-box-align**, ***

-webkit-box-direction**, ***

-webkit-box-flex**, ***

-webkit-box-orient**, ***

-webkit-box-pack**, ***

-webkit-box-shadow

-webkit-box-sizing

-webkit-border-top-left-radius

-webkit-border-top-right-radius

F

-webkit-filter

-webkit-flex

-webkit-flex-basis

-webkit-flex-direction

-webkit-flex-flow

-webkit-flex-grow

-webkit-flex-shrink

-webkit-flex-wrap

J

-webkit-justify-content

M

-webkit-mask

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

O-P

-webkit-order

-webkit-perspective

-webkit-perspective-origin

T

-webkit-text-fill-color**

-webkit-text-size-adjust

-webkit-text-stroke**

-webkit-text-stroke-color**

-webkit-text-stroke-width**

-webkit-transform

-webkit-transform-origin

-webkit-transition

-webkit-transition-delay

-webkit-transition-duration

-webkit-transition-property

-webkit-transition-timing-function

U

-webkit-user-select

* 在 Firefox 中支持有 -moz- 和 -webkit- 前缀的版本，但是不支持无前缀版本。

** 这些值是支持的，尽管不是标准的且也不在成为标准的轨道上。

*** 应该使用 flex-box 属性。

弃用的 -webkit- 属性

以下属性曾经带 -webkit- 前缀支持，但是在常新浏览器（evergreen browser）中不再支持，无论有无 -webkit- 前缀。

-webkit-alt*

-webkit-background-composite

-webkit-border-fit

-webkit-color-correction

-webkit-flow-from

-webkit-flow-into

-webkit-grid-columns（参见 grid-column）

-webkit-grid-rows（参见 grid-row）

-webkit-highlight

-webkit-hyphenate-charset

-webkit-image-set（参见 image-set）

-webkit-match-nearest-mail-blockquote-color

-webkit-margin-collapse

-webkit-margin-after-collapse

-webkit-margin-before-collapse

-webkit-margin-bottom-collapse

-webkit-margin-top-collapse

-webkit-region-break-after

-webkit-region-break-before

-webkit-region-break-inside

-webkit-region-fragment

-webkit-shape-inside

-webkit-touch-callout（参见 touch-action）

background-origin-x（无前缀！）

background-origin-y（无前缀！）

* 仍在 Safari 技术预览版中支持，但是通常在正式发布的浏览器中不支持。

伪类

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

* 现为标准。

备注：如果在选择器的链或组中有一个无效的伪类，那么整个选择器列表都是无效的。

伪元素

由于网页兼容性的原因，Blink、WebKit 和 Gecko 浏览器将所有以 ::-webkit- 开头的伪类都视为有效的。

::-webkit-file-upload-button*

::-webkit-inner-spin-button

::-webkit-input-placeholder

::-webkit-media-controls

::-webkit-media-controls-current-time-display

::-webkit-media-controls-enclosure

::-webkit-media-controls-fullscreen-button

::-webkit-media-controls-mute-button

::-webkit-media-controls-overlay-enclosure

::-webkit-media-controls-panel

::-webkit-media-controls-play-button

::-webkit-media-controls-timeline

::-webkit-media-controls-time-remaining-display

::-webkit-media-controls-toggle-closed-captions-button

::-webkit-media-controls-volume-control-container

::-webkit-media-controls-volume-control-hover-background

::-webkit-media-controls-volume-slider

::-webkit-meter-bar

::-webkit-meter-even-less-good-value

::-webkit-meter-inner-element

::-webkit-meter-optimum-value

::-webkit-meter-suboptimum-value

-webkit-media-text-track-container

::-webkit-outer-spin-button

::-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 浏览器都假定其为有效的，不会使整个选择器列表无效。

媒体特性

-webkit-animation

-webkit-device-pixel-ratio

-webkit-transform-2d

-webkit-transform-3d

-webkit-transition

参见

在 WebKit Trac 上设计表单控件的样式

Mozilla CSS 扩展

Help improve MDN

Was this page helpful to you?

Yes

No

Learn how to contribute

This page was last modified on ⁨2025年11月3日⁩ by MDN contributors.

View this page on GitHub • Report a problem with this content