From 41ebee91f98f27b1a0719d4822aa4b57c09c4a2b Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 27 Sep 2021 22:00:17 +0900 Subject: Web/CSS/WebKit_Extensions を更新 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/08/13 時点の英語版に同期 --- files/ja/web/css/webkit_extensions/index.md | 1133 +++++++++++++-------------- 1 file changed, 525 insertions(+), 608 deletions(-) diff --git a/files/ja/web/css/webkit_extensions/index.md b/files/ja/web/css/webkit_extensions/index.md index efcb61d7ac..1ee785820c 100644 --- a/files/ja/web/css/webkit_extensions/index.md +++ b/files/ja/web/css/webkit_extensions/index.md @@ -1,614 +1,531 @@ --- -title: WebKit CSS 拡張 +title: WebKit の CSS 拡張 slug: Web/CSS/WebKit_Extensions tags: - CSS - - Non-standard - - Reference - - WebKit 拡張 + - CSS:WebKit 拡張 + - ガイド + - 標準外 + - 概要 + - リファレンス translation_of: Web/CSS/WebKit_Extensions --- -
{{CSSRef}}
- -

Safari や Chrome のような WebKit または blink ベースのアプリケーションは、数多くの特殊な CSS の WebKit 拡張に対応しています。これらの拡張には一般に -webkit の接頭辞が付きます。 -webkit の接頭辞が付いたプロパティの多くは -apple の接頭辞でも動作します。少数ながら -epub の接頭辞も存在します。

- -

WebKit 独自のプロパティ

- -
-

メモ: ウェブサイトで使用しないでください。これらのプロパティは WebKit アプリケーションでしか動作しません。

-
- -
-

A

- - - -

B

- - - -

C

- - - -

D-I

- - - -

L

- - - -

M

- - - -

N

- - - -

P

- - - -

R-S

- - - -

T

- - - -

U

- - -
- -

* 一部は標準化され、接頭辞がなくなりました。
- ** 新しい構文が標準化されています。プロパティは新しい構文にリンクしています。古い構文は一部のブラウザーが対応しています。

- -

標準化過程にある WebKit の接頭辞のついたプロパティ

- -
- -
- -

以前は独自プロパティであったものが標準化されたもの

- -
-

メモ: CSS の互換性を最大化したい場合は、以下に挙げた接頭辞付きのプロパティの代わりに接頭辞のない標準のプロパティを使用してください。

-
- -
-

A

- - - -

B

- - - -

C

- - - -

F

- - - -

G-J

- - - -

H-L

- - - -

M

- - - -

O-R

- - - -

S

- - - -

T

- - - -

U-W

- - -
- -

WebKit 以外のブラウザーで接頭辞なしのものが対応されているが、標準ではないもの

- -

以下のプロパティは1つ以上のブラウザーが接頭辞なしで対応していますが、標準化路線には乗っていません。

- -
- -
- -

* Firefox が接頭辞なしで対応、 Safari が接頭辞付きで対応。

- -

-webkit- 接頭辞付きで Firefox が対応しているもの

- -

以下のプロパティは Firefox が -webkit- 接頭辞付きで対応しています。多くのものは同様に接頭辞なしでも対応しています。前述の以前は独自プロパティであったものが標準化されたものを参照してください。

- -
-

メモ: 多数のウェブサイトが古いコードで -webkit- 接頭辞の付いたプロパティを使用しているため、 Edge や Firefox は -webkit- 接頭辞のついた多くのプロパティを -moz-, -ms-, 接頭辞なしの同等のプロパティに転送しています。

-
- -
-

A

- - - -

B

- - - -

F

- - - -

J

- - - -

M

- - - -

O-P

- - - -

T

- - - -

U

- - -
- -

* Firefox では -moz- と -webkit- の接頭辞に対応していますが、 接頭辞のないものには対応していません。 Microsoft Edge と IE Mobile は、同様に相互運用性のためにこのプロパティを -ms- ではなく -webkit- の接頭辞付きで対応しています。
- ** これらの値は、標準ではなく標準化路線にもなっていませんが、対応しています。
- *** 代わりにフレックスボックスプロパティを使用してください。

- -

非推奨の -webkit- プロパティ

- -

以下のプロパティはいったん -webkit- 接頭辞付きで対応していましたが、すでに -webkit- 接頭辞のありなしに関わらず、主要なブラウザーで対応されなくなりました。

- -
- -
- -

* Still supported in the Safari Technology Preview, but not in a generally released browser.

- -

疑似クラス

- -
- -
- -

* 標準化されました。

- -
-

メモ: セレクターのチェーンまたはグループ内に無効な疑似クラスがあった場合、セレクターのリスト全体が無効になります。

-
- -

疑似要素

- -

ウェブの互換性のため、 Blink, WebKit, Gecko のブラウザーは、 ::-webkit- がついたすべての疑似要素を妥当として扱います。

- -
- -
- -
-

メモ: 一般に、セレクターのチェーンまたはグループ内に無効な疑似要素または疑似クラスがあった場合、セレクターのリスト全体が無効になります。擬似要素 (疑似クラスではない) に -webkit- という接頭辞が付いている場合、 Firefox 63 以降, Blink, WebKit, Gecko のブラウザーはセレクターのリストを妥当とみなし、無効にしないようにします。

-
- -

メディア特性

- -
- -
- -

関連情報

- - +{{CSSRef}} + +Safari や Chrome のような WebKit または blink ベースのアプリケーションは、数多くの特殊な **[CSS](/ja/docs/Web/CSS) の WebKit 拡張**に対応しています。これらの拡張には一般に `-webkit-` の接頭辞が付きます。 `-webkit-` の接頭辞が付いたプロパティの多くは `-apple-` の接頭辞でも動作します。少数ながら `-epub-` の接頭辞も存在します。 + +## WebKit 独自のプロパティ + +> **Note:** ウェブサイトで使用しないでください。これらのプロパティは WebKit アプリケーションでしか動作しません。 + +### A + +- {{CSSxRef("-webkit-animation-trigger", "-webkit-animation-trigger")}} +- {{CSSxRef("-webkit-app-region", "-webkit-app-region")}} +- {{CSSxRef("appearance", "-webkit-appearance")}}\* +- {{CSSxRef("-webkit-aspect-ratio", "-webkit-aspect-ratio")}} + +### B + +- {{CSSxRef("-webkit-backdrop-filter", "-webkit-backdrop-filter")}} +- {{CSSxRef("-webkit-background-composite", "-webkit-background-composite")}} +- {{CSSxRef("border-block-end","-webkit-border-after")}}\*\* +- {{CSSxRef("border-block-end-color","-webkit-border-after-color")}}\*\* +- {{CSSxRef("border-block-end-style","-webkit-border-after-style")}}\*\* +- {{CSSxRef("border-block-end-width","-webkit-border-after-width")}}\*\* +- {{CSSxRef("border-block-start","-webkit-border-before")}}\*\* +- {{CSSxRef("border-block-start-color","-webkit-border-before-color")}}\*\* +- {{CSSxRef("border-block-start-style","-webkit-border-before-style")}}\*\* +- {{CSSxRef("border-block-start-width","-webkit-border-before-width")}}\*\* +- {{CSSxRef("border-inline-end", "-webkit-border-end")}}\*\* +- {{CSSxRef("border-inline-end-color","-webkit-border-end-color")}}\*\* +- {{CSSxRef("border-inline-end-style","-webkit-border-end-style")}}\*\* +- {{CSSxRef("border-inline-end-width","-webkit-border-end-width")}}\*\* +- {{CSSxRef("border-image-repeat", "-webkit-border-fit")}} +- {{CSSxRef("-webkit-border-horizontal-spacing", "-webkit-border-horizontal-spacing")}} +- {{CSSxRef("border-inline-start", "-webkit-border-start")}}\*\* +- {{CSSxRef("border-inline-start-color", "-webkit-border-start-color")}}\*\* +- {{CSSxRef("border-inline-start-style", "-webkit-border-start-style")}}\*\* +- {{CSSxRef("border-inline-start-width", "-webkit-border-start-width")}}\*\* +- {{CSSxRef("-webkit-border-vertical-spacing", "-webkit-border-vertical-spacing")}} +- {{CSSxRef("align-items","-webkit-box-align")}}\*\* +- {{CSSxRef("flex-direction", "-webkit-box-direction")}}\*\* +- {{CSSxRef("-webkit-box-flex-group", "-webkit-box-flex-group")}}\*\* +- {{CSSxRef("flex-grow", "-webkit-box-flex")}}\*\* +- {{CSSxRef("flex-flow", "-webkit-box-lines")}}\*\* +- {{CSSxRef("order", "-webkit-box-ordinal-group")}}\*\* +- {{CSSxRef("flex-direction","-webkit-box-orient")}}\*\* +- {{CSSxRef("justify-content", "-webkit-box-pack")}}\*\* +- {{CSSxRef("-webkit-box-reflect", "-webkit-box-reflect")}}\*\* + +### C + +- {{CSSxRef("-webkit-column-axis", "-webkit-column-axis")}} +- {{CSSxRef("-webkit-column-break-after", "-webkit-column-break-after")}} +- {{CSSxRef("-webkit-column-break-before", "-webkit-column-break-before")}} +- {{CSSxRef("-webkit-column-break-inside", "-webkit-column-break-inside")}} +- {{CSSxRef("-webkit-column-progression", "-webkit-column-progression")}} +- {{CSSxRef("-webkit-cursor-visibility", "-webkit-cursor-visibility")}} + +### D-I + +- {{CSSxRef("-webkit-dashboard-region", "-webkit-dashboard-region")}} +- {{CSSxRef("-webkit-font-size-delta", "-webkit-font-size-delta")}} +- {{CSSxRef("font-smooth", "-webkit-font-smoothing")}} +- {{CSSxRef("-webkit-highlight", "-webkit-highlight")}} +- {{CSSxRef("-webkit-hyphenate-character", "-webkit-hyphenate-character")}} +- {{CSSxRef("-webkit-hyphenate-limit-after", "-webkit-hyphenate-limit-after")}} +- {{CSSxRef("-webkit-hyphenate-limit-before", "-webkit-hyphenate-limit-before")}} +- {{CSSxRef("-webkit-hyphenate-limit-lines", "-webkit-hyphenate-limit-lines")}} +- {{CSSxRef("-webkit-initial-letter", "-webkit-initial-letter")}} + +### L + +- {{CSSxRef("-webkit-line-align", "-webkit-line-align")}} +- {{CSSxRef("-webkit-line-box-contain", "-webkit-line-box-contain")}} +- {{CSSxRef("-webkit-line-clamp", "-webkit-line-clamp")}} +- {{CSSxRef("-webkit-line-grid", "-webkit-line-grid")}} +- {{CSSxRef("-webkit-line-snap", "-webkit-line-snap")}} +- {{CSSxRef("-webkit-locale", "-webkit-locale")}} +- {{CSSxRef("-webkit-logical-height", "-webkit-logical-height")}} +- {{CSSxRef("-webkit-logical-width", "-webkit-logical-width")}} + +### M + +- {{CSSxRef("-webkit-margin-after-collapse", "-webkit-margin-after-collapse")}} +- {{CSSxRef("-webkit-margin-after", "-webkit-margin-after")}} +- {{CSSxRef("-webkit-margin-before-collapse", "-webkit-margin-before-collapse")}} +- {{CSSxRef("-webkit-margin-before", "-webkit-margin-before")}} +- {{CSSxRef("-webkit-margin-bottom-collapse", "-webkit-margin-bottom-collapse")}} +- {{CSSxRef("-webkit-margin-collapse", "-webkit-margin-collapse")}} +- {{CSSxRef("margin-block-end", "-webkit-margin-end")}}\*\* +- {{CSSxRef("margin-block-start", "-webkit-margin-start")}}\*\* +- {{CSSxRef("-webkit-margin-top-collapse", "-webkit-margin-top-collapse")}} +- {{CSSxRef("-webkit-marquee-direction", "-webkit-marquee-direction")}} +- {{CSSxRef("-webkit-marquee-increment", "-webkit-marquee-increment")}} +- {{CSSxRef("-webkit-marquee-repetition", "-webkit-marquee-repetition")}} +- {{CSSxRef("-webkit-marquee-speed", "-webkit-marquee-speed")}} +- {{CSSxRef("-webkit-marquee-style", "-webkit-marquee-style")}} +- {{CSSxRef("-webkit-marquee", "-webkit-marquee")}} +- {{CSSxRef("-webkit-mask-box-image-outset", "-webkit-mask-box-image-outset")}} +- {{CSSxRef("-webkit-mask-box-image-repeat", "-webkit-mask-box-image-repeat")}} +- {{CSSxRef("-webkit-mask-box-image-slice", "-webkit-mask-box-image-slice")}} +- {{CSSxRef("-webkit-mask-box-image-source", "-webkit-mask-box-image-source")}} +- {{CSSxRef("-webkit-mask-box-image-width", "-webkit-mask-box-image-width")}} +- {{CSSxRef("-webkit-mask-box-image", "-webkit-mask-box-image")}} +- {{CSSxRef("-webkit-mask-repeat-x", "-webkit-mask-repeat-x")}} +- {{CSSxRef("-webkit-mask-repeat-y", "-webkit-mask-repeat-y")}} +- {{CSSxRef("-webkit-mask-source-type", "-webkit-mask-source-type")}} +- {{CSSxRef("-webkit-max-logical-height", "-webkit-max-logical-height")}} +- {{CSSxRef("-webkit-max-logical-width", "-webkit-max-logical-width")}} +- {{CSSxRef("-webkit-min-logical-height", "-webkit-min-logical-height")}} +- {{CSSxRef("-webkit-min-logical-width", "-webkit-min-logical-width")}} + +### N + +- {{CSSxRef("-webkit-nbsp-mode", "-webkit-nbsp-mode")}} + +### P + +- {{CSSxRef("padding-block-end","-webkit-padding-after")}}\*\* +- {{CSSxRef("padding-block-start","-webkit-padding-before")}}\*\* +- {{CSSxRef("padding-inline-end","-webkit-padding-end")}}\*\* +- {{CSSxRef("padding-inline-start","-webkit-padding-start")}}\*\* +- {{CSSxRef("-webkit-perspective-origin-x", "-webkit-perspective-origin-x")}} +- {{CSSxRef("-webkit-perspective-origin-y", "-webkit-perspective-origin-y")}} +- {{CSSxRef("-webkit-print-color-adjust", "-webkit-print-color-adjust")}} + +### R-S + +- {{CSSxRef("-webkit-rtl-ordering", "-webkit-rtl-ordering")}} +- {{CSSxRef("-webkit-svg-shadow", "-webkit-svg-shadow")}} + +### T + +- {{CSSxRef("-webkit-tap-highlight-color", "-webkit-tap-highlight-color")}} +- {{CSSxRef("-webkit-text-combine", "-webkit-text-combine")}} +- {{CSSxRef("-webkit-text-decoration-skip", "-webkit-text-decoration-skip")}} +- {{CSSxRef("-webkit-text-decorations-in-effect", "-webkit-text-decorations-in-effect")}} +- {{CSSxRef("-webkit-text-fill-color", "-webkit-text-fill-color")}} +- {{CSSxRef("-webkit-text-security", "-webkit-text-security")}} +- {{CSSxRef("-webkit-text-stroke-color", "-webkit-text-stroke-color")}} +- {{CSSxRef("-webkit-text-stroke-width", "-webkit-text-stroke-width")}} +- {{CSSxRef("-webkit-text-stroke", "-webkit-text-stroke")}} +- {{CSSxRef("-webkit-text-zoom", "-webkit-text-zoom")}} +- {{CSSxRef("-webkit-transform-origin-x", "-webkit-transform-origin-x")}} +- {{CSSxRef("-webkit-transform-origin-y", "-webkit-transform-origin-y")}} +- {{CSSxRef("-webkit-transform-origin-z", "-webkit-transform-origin-z")}} + +### U + +- {{CSSxRef("-webkit-user-drag", "-webkit-user-drag")}} +- {{CSSxRef("-webkit-user-modify", "-webkit-user-modify")}} + +\* 一部は標準化され、接頭辞がなくなりました。 +\*\* 新しい構文が標準化されています。プロパティは新しい構文にリンクしています。古い構文は一部のブラウザーが対応しています。 + +## 標準化過程にある WebKit の接頭辞のついたプロパティ + +- {{CSSxRef("appearance", "-webkit-appearance")}} +- {{CSSxRef("-webkit-font-size-delta", "-webkit-font-size-delta")}} +- {{CSSxRef("-webkit-mask-composite", "-webkit-mask-composite")}} +- {{CSSxRef("-webkit-mask-position-x", "-webkit-mask-position-x")}} +- {{CSSxRef("-webkit-mask-position-y", "-webkit-mask-position-y")}} +- {{CSSxRef("-webkit-mask-repeat-x", "-webkit-mask-repeat-x")}} +- {{CSSxRef("-webkit-mask-repeat-y", "-webkit-mask-repeat-y")}} + +## 以前は独自プロパティであったものが標準化されたもの + +> **Note:** CSS の互換性を最大化するために、以下に挙げた接頭辞付きのプロパティの代わりに接頭辞のない標準のプロパティを使用してください。 + +### A + +- {{CSSxRef("align-content","-webkit-align-content")}} +- {{CSSxRef("align-items","-webkit-align-items")}} +- {{CSSxRef("align-self","-webkit-align-self")}} +- {{CSSxRef("animation","-webkit-animation")}} +- {{CSSxRef("animation-delay","-webkit-animation-delay")}} +- {{CSSxRef("animation-direction","-webkit-animation-direction")}} +- {{CSSxRef("animation-duration","-webkit-animation-duration")}} +- {{CSSxRef("animation-fill-mode","-webkit-animation-fill-mode")}} +- {{CSSxRef("animation-iteration-count","-webkit-animation-iteration-count")}} +- {{CSSxRef("animation-name","-webkit-animation-name")}} +- {{CSSxRef("animation-play-state","-webkit-animation-play-state")}} +- {{CSSxRef("animation-timing-function","-webkit-animation-timing-function")}} + +### B + +- {{CSSxRef("backface-visibility","-webkit-backface-visibility")}} +- {{CSSxRef("background-clip","-webkit-background-clip")}} +- {{CSSxRef("background-origin","-webkit-background-origin")}} +- {{CSSxRef("background-size","-webkit-background-size")}} +- {{CSSxRef("border-bottom-left-radius","-webkit-border-bottom-left-radius")}} +- {{CSSxRef("border-bottom-right-radius","-webkit-border-bottom-right-radius")}} +- {{CSSxRef("border-image","-webkit-border-image")}} +- {{CSSxRef("border-radius","-webkit-border-radius")}} +- {{CSSxRef("border-top-left-radius","-webkit-border-top-left-radius")}} +- {{CSSxRef("border-top-right-radius","-webkit-border-top-right-radius")}} +- {{CSSxRef("box-decoration-break","-webkit-box-decoration-break")}} +- {{CSSxRef("box-shadow","-webkit-box-shadow")}} +- {{CSSxRef("box-sizing","-webkit-box-sizing")}} + +### C + +- {{CSSxRef("clip-path","-webkit-clip-path")}} +- {{CSSxRef("column-count","-webkit-column-count")}} +- {{CSSxRef("column-fill","-webkit-column-fill")}} +- {{CSSxRef("column-gap","-webkit-column-gap")}} +- {{CSSxRef("column-rule","-webkit-column-rule")}} +- {{CSSxRef("column-rule-color","-webkit-column-rule-color")}} +- {{CSSxRef("column-rule-style","-webkit-column-rule-style")}} +- {{CSSxRef("column-rule-width","-webkit-column-rule-width")}} +- {{CSSxRef("column-span","-webkit-column-span")}} +- {{CSSxRef("column-width","-webkit-column-width")}} +- {{CSSxRef("columns","-webkit-columns")}} + +### F + +- {{CSSxRef("filter","-webkit-filter")}} +- {{CSSxRef("flex","-webkit-flex")}} +- {{CSSxRef("flex-basis","-webkit-flex-basis")}} +- {{CSSxRef("flex-direction","-webkit-flex-direction")}} +- {{CSSxRef("flex-flow","-webkit-flex-flow")}} +- {{CSSxRef("flex-grow","-webkit-flex-grow")}} +- {{CSSxRef("flex-shrink","-webkit-flex-shrink")}} +- {{CSSxRef("flex-wrap","-webkit-flex-wrap")}} +- {{CSSxRef("font-feature-settings", "-webkit-font-feature-settings")}} +- {{CSSxRef("font-kerning", "-webkit-font-kerning")}} +- {{CSSxRef("font-variant-ligatures", "-webkit-font-variant-ligatures")}} + +### G-J + +- {{CSSxRef("grid","-webkit-grid")}} +- {{CSSxRef("grid-area","-webkit-grid-area")}} +- {{CSSxRef("grid-auto-columns","-webkit-grid-auto-columns")}} +- {{CSSxRef("grid-auto-flow","-webkit-grid-auto-flow")}} +- {{CSSxRef("grid-auto-rows","-webkit-grid-auto-rows")}} +- {{CSSxRef("grid-column","-webkit-grid-column")}} +- {{CSSxRef("grid-column-end","-webkit-grid-column-end")}} +- {{CSSxRef("column-gap","-webkit-grid-column-gap")}} +- {{CSSxRef("grid-column-start","-webkit-grid-column-start")}} +- {{CSSxRef("gap","-webkit-grid-gap")}} +- {{CSSxRef("grid-row","-webkit-grid-row")}} +- {{CSSxRef("grid-row-end","-webkit-grid-row-end")}} +- {{CSSxRef("row-gap","-webkit-grid-row-gap")}} +- {{CSSxRef("grid-row-start","-webkit-grid-row-start")}} +- {{CSSxRef("grid-template","-webkit-grid-template")}} +- {{CSSxRef("grid-template-areas","-webkit-grid-template-areas")}} +- {{CSSxRef("grid-template-columns","-webkit-grid-template-columns")}} +- {{CSSxRef("grid-template-rows","-webkit-grid-template-rows")}} + +### H-L + +- {{CSSxRef("hyphens","-webkit-hyphens")}} +- {{CSSxRef("justify-content","-webkit-justify-content")}} +- {{CSSxRef("justify-items","-webkit-justify-items")}} +- {{CSSxRef("justify-self","-webkit-justify-self")}} +- {{CSSxRef("line-break","-webkit-line-break")}} + +### M + +- {{CSSxRef("mask","-webkit-mask")}} +- {{CSSxRef("mask-clip","-webkit-mask-clip")}} +- {{CSSxRef("mask-composite","-webkit-mask-composite")}} +- {{CSSxRef("mask-image","-webkit-mask-image")}} +- {{CSSxRef("mask-origin","-webkit-mask-origin")}} +- {{CSSxRef("mask-position","-webkit-mask-position")}} +- {{CSSxRef("mask-repeat","-webkit-mask-repeat")}} +- {{CSSxRef("mask-size","-webkit-mask-size")}} + +### O-R + +- {{CSSxRef("opacity","-webkit-opacity")}} +- {{CSSxRef("order","-webkit-order")}} +- {{CSSxRef("perspective","-webkit-perspective")}} +- {{CSSxRef("perspective-origin","-webkit-perspective-origin")}} +- {{CSSxRef("ruby-position","-webkit-ruby-position")}} + +### S + +- {{CSSxRef("scroll-snap-type","-webkit-scroll-snap-type")}} +- {{CSSxRef("shape-image-threshold","-webkit-shape-image-threshold")}} +- {{CSSxRef("shape-margin","-webkit-shape-margin")}} +- {{CSSxRef("shape-outside","-webkit-shape-outside")}} + +### T + +- {{CSSxRef("text-decoration", "-epub-text-decoration")}} +- {{CSSxRef("text-decoration-color", "-webkit-text-color-decoration")}} +- {{CSSxRef("text-decoration-line", "-webkit-text-decoration-line")}} +- {{CSSxRef("text-decoration-style", "-webkit-text-decoration-style")}} +- {{CSSxRef("text-emphasis", "-epub-text-emphasis")}} +- {{CSSxRef("text-emphasis","-webkit-text-emphasis")}} +- {{CSSxRef("text-emphasis-color", "-epub-text-emphasis-color")}} +- {{CSSxRef("text-emphasis-color","-webkit-text-emphasis-color")}} +- {{CSSxRef("text-emphasis-position","-webkit-text-emphasis-position")}} +- {{CSSxRef("text-emphasis-style","-epub-text-emphasis-style")}} +- {{CSSxRef("text-emphasis-style","-webkit-text-emphasis-style")}} +- {{CSSxRef("text-justify","-webkit-text-justify")}} +- {{CSSxRef("text-orientation","-webkit-text-orientation")}} +- {{CSSxRef("text-size-adjust","-webkit-text-size-adjust")}} +- {{CSSxRef("text-underline-position","-webkit-text-underline-position")}} +- {{CSSxRef("transform","-webkit-transform")}} +- {{CSSxRef("transform-origin","-webkit-transform-origin")}} +- {{CSSxRef("transform-style","-webkit-transform-style")}} +- {{CSSxRef("transition","-webkit-transition")}} +- {{CSSxRef("transition-delay","-webkit-transition-delay")}} +- {{CSSxRef("transition-duration","-webkit-transition-duration")}} +- {{CSSxRef("transition-property","-webkit-transition-property")}} +- {{CSSxRef("transition-timing-function","-webkit-transition-timing-function")}} + +### U-W + +- {{CSSxRef("user-select","-webkit-user-select")}} +- {{CSSxRef("word-break", "-epub-word-break")}} +- {{CSSxRef("writing-mode", "-epub-writing-mode")}} + +## WebKit 以外のブラウザーで接頭辞なしのものが対応されているが、標準ではないもの + +以下のプロパティは 1 つ以上のブラウザーが接頭辞なしで対応していますが、標準化路線には乗っていません。 + +- {{CSSxRef("mask-position-x","-webkit-mask-position-x")}}\* +- {{CSSxRef("mask-position-y","-webkit-mask-position-y")}}\* + +\* Firefox が接頭辞なしで対応、 Safari が接頭辞付きで対応。 + +## `-webkit-` 接頭辞付きで Firefox が対応しているもの + +以下のプロパティは Firefox が `-webkit-` 接頭辞付きで対応しています。多くのものは同様に接頭辞なしでも対応しています。前述の[以前は独自プロパティであったものが標準化されたもの](#以前は独自プロパティであったものが標準化されたもの)を参照してください。 + +> **Note:** 多数のウェブサイトが古いコードで -webkit- 接頭辞の付いたプロパティを使用しているため、 Edge や Firefox は -webkit- 接頭辞のついた多くのプロパティを -moz-, -ms-, 接頭辞なしの同等のプロパティに転送しています。 + +### A + +- {{CSSxRef("align-content", "-webkit-align-content")}} +- {{CSSxRef("align-items", "-webkit-align-items")}} +- {{CSSxRef("align-self", "-webkit-align-self")}} +- {{CSSxRef("animation", "-webkit-animation")}} +- {{CSSxRef("animation-delay", "-webkit-animation-delay")}} +- {{CSSxRef("animation-direction", "-webkit-animation-direction")}} +- {{CSSxRef("animation-duration", "-webkit-animation-duration")}} +- {{CSSxRef("animation-fill-mode", "-webkit-animation-fill-mode")}} +- {{CSSxRef("animation-iteration-count", "-webkit-animation-iteration-count")}} +- {{CSSxRef("animation-name", "-webkit-animation-name")}} +- {{CSSxRef("animation-play-state", "-webkit-animation-play-state")}} +- {{CSSxRef("animation-timing-function", "-webkit-animation-timing-function")}} +- {{CSSxRef("appearance", "-webkit-appearance")}}\* + +### B + +- {{CSSxRef("backface-visibility", "-webkit-backface-visibility")}} +- {{CSSxRef("background-clip", "-webkit-background-clip")}} +- {{CSSxRef("background-origin", "-webkit-background-origin")}} +- {{CSSxRef("background-size", "-webkit-background-size")}} +- {{CSSxRef("border-bottom-left-radius", "-webkit-border-bottom-left-radius")}} +- {{CSSxRef("border-bottom-right-radius", "-webkit-border-bottom-right-radius")}} +- {{CSSxRef("border-image", "-webkit-border-image")}} +- {{CSSxRef("border-radius", "-webkit-border-radius")}} +- {{CSSxRef("box-align", "-webkit-box-align")}}\*\*, \*\*\* +- {{CSSxRef("box-direction", "-webkit-box-direction")}}\*\*, \*\*\* +- {{CSSxRef("box-flex", "-webkit-box-flex")}}\*\*, \*\*\* +- {{CSSxRef("box-orient", "-webkit-box-orient")}}\*\*, \*\*\* +- {{CSSxRef("box-pack", "-webkit-box-pack")}}\*\*, \*\*\* +- {{CSSxRef("box-shadow", "-webkit-box-shadow")}} +- {{CSSxRef("box-sizing", "-webkit-box-sizing")}} +- {{CSSxRef("border-top-left-radius", "-webkit-border-top-left-radius")}} +- {{CSSxRef("border-top-right-radius", "-webkit-border-top-right-radius")}} + +### F + +- {{CSSxRef("filter", "-webkit-filter")}} +- {{CSSxRef("flex", "-webkit-flex")}} +- {{CSSxRef("flex-basis", "-webkit-flex-basis")}} +- {{CSSxRef("flex-direction", "-webkit-flex-direction")}} +- {{CSSxRef("flex-flow", "-webkit-flex-flow")}} +- {{CSSxRef("flex-grow", "-webkit-flex-grow")}} +- {{CSSxRef("flex-shrink", "-webkit-flex-shrink")}} +- {{CSSxRef("flex-wrap", "-webkit-flex-wrap")}} + +### J + +- {{CSSxRef("justify-content", "-webkit-justify-content")}} + +### M + +- {{CSSxRef("mask", "-webkit-mask")}} +- {{CSSxRef("mask-clip", "-webkit-mask-clip")}} +- {{CSSxRef("-webkit-mask-composite", "-webkit-mask-composite")}}\* +- {{CSSxRef("mask-image", "-webkit-mask-image")}} +- {{CSSxRef("mask-origin", "-webkit-mask-origin")}} +- {{CSSxRef("mask-position", "-webkit-mask-position")}} +- {{CSSxRef("-webkit-mask-position-x", "-webkit-mask-position-x")}}\*\* +- {{CSSxRef("-webkit-mask-position-y", "-webkit-mask-position-y")}}\*\* +- {{CSSxRef("mask-repeat", "-webkit-mask-repeat")}} +- {{CSSxRef("mask-size", "-webkit-mask-size")}} + +### O-P + +- {{CSSxRef("order", "-webkit-order")}} +- {{CSSxRef("perspective", "-webkit-perspective")}} +- {{CSSxRef("perspective-origin", "-webkit-perspective-origin")}} + +### T + +- {{CSSxRef("-webkit-text-fill-color", "-webkit-text-fill-color")}}\*\* +- {{CSSxRef("text-size-adjust", "-webkit-text-size-adjust")}} +- {{CSSxRef("-webkit-text-stroke", "-webkit-text-stroke")}}\*\* +- {{CSSxRef("-webkit-text-stroke-color", "-webkit-text-stroke-color")}}\*\* +- {{CSSxRef("-webkit-text-stroke-width", "-webkit-text-stroke-width")}}\*\* +- {{CSSxRef("transform", "-webkit-transform")}} +- {{CSSxRef("transform-origin", "-webkit-transform-origin")}} +- {{CSSxRef("transition", "-webkit-transition")}} +- {{CSSxRef("transition-delay", "-webkit-transition-delay")}} +- {{CSSxRef("transition-duration", "-webkit-transition-duration")}} +- {{CSSxRef("transition-property", "-webkit-transition-property")}} +- {{CSSxRef("transition-timing-function", "-webkit-transition-timing-function")}} + +### U + +- {{CSSxRef("user-select", "-webkit-user-select")}} + +\* Firefox では `-moz-` と `-webkit-` の接頭辞に対応していますが、 接頭辞のないものには対応していません。 Microsoft Edge と IE Mobile は、同様に相互運用性のためにこのプロパティを `-ms-` ではなく `-webkit-` の接頭辞付きで対応しています。 +\*\* これらの値は、標準ではなく標準化路線にもなっていませんが、対応しています。 +\*\*\* 代わりにフレックスボックスプロパティを使用してください。 + +## 非推奨の `-webkit-` プロパティ + +以下のプロパティはいったん -webkit- 接頭辞付きで対応していましたが、すでに `-webkit-` 接頭辞のありなしに関わらず、主要なブラウザーで対応されなくなりました。 + +- `-webkit-alt*` +- `-webkit-color-correction` +- `-webkit-flow-from` +- `-webkit-flow-into` +- `-webkit-grid-columns` ([`grid-column`](/ja/docs/Web/CSS/grid-column) を参照) +- `-webkit-grid-rows` ([`grid-row`](/ja/docs/Web/CSS/grid-row) を参照) +- `-webkit-hyphenate-charset` +- `-webkit-image-set` (`{{CSSxRef("image/image-set()", "image-set")}} を参照) +- `-webkit-mask-attachment` +- `-webkit-match-nearest-mail-blockquote-color` +- {{CSSxRef("-webkit-overflow-scrolling", "-webkit-overflow-scrolling")}} +- `-webkit-region-break-after` +- `-webkit-region-break-before` +- `-webkit-region-break-inside` +- `-webkit-region-fragment` +- `-webkit-shape-inside` +- [-webkit-touch-callout](/ja/docs/Web/CSS/-webkit-touch-callout) (`touch-action` を参照) +- `background-origin-x` (接頭辞なし) +- `background-origin-y` (接頭辞なし) + +

* Safari Technology Preview ではまだ対応していますが、リリース版のブラウザーでは一般に対応していません。

+ +## 擬似クラス + +- {{CSSxRef(":animating-full-screen-transition", ":-webkit-animating-full-screen-transition")}} +- {{CSSxRef(":any()", ":-webkit-any()")}} +- {{CSSxRef(":any-link", ":-webkit-any-link")}}\* +- {{CSSxRef(":autofill",":-webkit-autofill")}} +- {{CSSxRef(":autofill-strong-password",":-webkit-autofill-strong-password")}} +- {{CSSxRef(":drag",":-webkit-drag")}} +- {{CSSxRef(":full-page-media",":-webkit-full-page-media")}} +- {{CSSxRef(":full-screen", ":-webkit-full-screen")}}\* +- {{CSSxRef(":full-screen-ancestor",":-webkit-full-screen-ancestor")}} +- {{CSSxRef(":full-screen-document",":-webkit-full-screen-document")}} +- {{CSSxRef(":full-screen-controls-hidden",":-webkit-full-screen-controls-hidden")}} + +\* 標準化されました。 + +> **Note:** セレクターのチェーンまたはグループ内に無効な擬似クラスがあった場合、セレクターのリスト全体が無効になります。 + +## 擬似要素 + +ウェブの互換性のため、 Blink, WebKit, Gecko のブラウザーは、 `::-webkit-` がついたすべての擬似要素を有効なものとして扱います。 + +- {{CSSxRef("::file-selector-button","::-webkit-file-upload-button")}}\* +- {{CSSxRef("::-webkit-inner-spin-button", "::-webkit-inner-spin-button")}} +- {{CSSxRef("::placeholder", "::-webkit-input-placeholder")}} +- {{CSSxRef("::-webkit-media-controls", "::-webkit-media-controls")}} +- {{CSSxRef("::-webkit-media-controls-current-time-display", "::-webkit-media-controls-current-time-display")}} +- {{CSSxRef("::-webkit-media-controls-enclosure", "::-webkit-media-controls-enclosure")}} +- {{CSSxRef("::-webkit-media-controls-fullscreen-button", "::-webkit-media-controls-fullscreen-button")}} +- {{CSSxRef("::-webkit-media-controls-mute-button", "::-webkit-media-controls-mute-button")}} +- {{CSSxRef("::-webkit-media-controls-overlay-enclosure", "::-webkit-media-controls-overlay-enclosure")}} +- {{CSSxRef("::-webkit-media-controls-panel", "::-webkit-media-controls-panel")}} +- {{CSSxRef("::-webkit-media-controls-play-button", "::-webkit-media-controls-play-button")}} +- {{CSSxRef("::-webkit-media-controls-timeline", "::-webkit-media-controls-timeline")}} +- {{CSSxRef("::-webkit-media-controls-time-remaining-display", "::-webkit-media-controls-time-remaining-display")}} +- {{CSSxRef("::-webkit-media-controls-toggle-closed-captions-button", "::-webkit-media-controls-toggle-closed-captions-button")}} +- {{CSSxRef("::-webkit-media-controls-volume-control-container", "::-webkit-media-controls-volume-control-container")}} +- {{CSSxRef("::-webkit-media-controls-volume-control-hover-background", "::-webkit-media-controls-volume-control-hover-background")}} +- {{CSSxRef("::-webkit-media-controls-volume-slider", "::-webkit-media-controls-volume-slider")}} +- {{CSSxRef("::-webkit-meter-bar", "::-webkit-meter-bar")}} +- {{CSSxRef("::-webkit-meter-even-less-good-value", "::-webkit-meter-even-less-good-value")}} +- {{CSSxRef("::-webkit-meter-inner-element", "::-webkit-meter-inner-element")}} +- {{CSSxRef("::-webkit-meter-optimum-value", "::-webkit-meter-optimum-value")}} +- {{CSSxRef("::-webkit-meter-suboptimum-value", "::-webkit-meter-suboptimum-value")}} +- {{CSSxRef("-webkit-media-text-track-container", "-webkit-media-text-track-container")}} +- {{CSSxRef("::-webkit-outer-spin-button", "::-webkit-outer-spin-button")}} +- {{CSSxRef("::-webkit-progress-bar", "::-webkit-progress-bar")}} +- {{CSSxRef("::-webkit-progress-inner-element", "::-webkit-progress-inner-element")}} +- {{CSSxRef("::-webkit-progress-value", "::-webkit-progress-value")}} +- {{CSSxRef("::-webkit-search-cancel-button", "::-webkit-search-cancel-button")}} +- {{CSSxRef("::-webkit-search-results-button", "::-webkit-search-results-button")}} +- {{CSSxRef("::-webkit-slider-runnable-track", "::-webkit-slider-runnable-track")}} +- {{CSSxRef("::-webkit-slider-thumb", "::-webkit-slider-thumb")}} + +\* 標準化されました。 + +> **Note:** 一般に、セレクターのチェーンまたはグループ内に無効な擬似要素または擬似クラスがあった場合、セレクターのリスト全体が無効になります。 (擬似クラスではない) 擬似要素に -webkit- という接頭辞が付いている場合、 Firefox 63 以降, Blink, WebKit, Gecko のブラウザーはセレクターのリストを妥当とみなし、無効にしないようにします。

+ +## メディア特性 + +- {{CSSxRef("@media/-webkit-animation", "-webkit-animation")}} +- {{CSSxRef("@media/-webkit-device-pixel-ratio", "-webkit-device-pixel-ratio")}} +- {{CSSxRef("@media/-webkit-transform-2d", "-webkit-transform-2d")}} +- {{CSSxRef("@media/-webkit-transform-3d", "-webkit-transform-3d")}} +- {{CSSxRef("@media/-webkit-transition", "-webkit-transition")}} + +## 関連情報 + +- [Styling Form Controls on the WebKit Trac](https://trac.webkit.org/wiki/Styling%20Form%20Controls) +- [Microsoft CSS 拡張](/ja/docs/Web/CSS/Microsoft_Extensions) +- [Mozilla CSS 拡張](/ja/docs/Web/CSS/Mozilla_Extensions) -- cgit v1.2.3-54-g00ecf