Web/CSS/WebKit_Extensions を更新

- 2021/08/13 時点の英語版に同期

1 files 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
 ---
-<div>{{CSSRef}}</div>
-
-<p>Safari や Chrome のような WebKit または blink ベースのアプリケーションは、数多くの特殊な <strong><a href="/ja/docs/Web/CSS">CSS</a> の WebKit 拡張</strong>に対応しています。これらの拡張には一般に <code>-webkit</code> の接頭辞が付きます。 <code>-webkit</code> の接頭辞が付いたプロパティの多くは <code>-apple</code> の接頭辞でも動作します。少数ながら <code>-epub</code> の接頭辞も存在します。</p>
-
-<h2 id="WebKit-only_properties" name="WebKit-only_properties">WebKit 独自のプロパティ</h2>
-
-<div class="note">
-<p><strong>メモ:</strong> ウェブサイトで使用しないでください。これらのプロパティは WebKit アプリケーションでしか動作しません。</p>
-</div>
-
-<div class="index">
-<h3 id="A">A</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-animation-trigger")}}</li>
- <li>{{CSSxRef("-webkit-app-region")}}</li>
- <li>{{CSSxRef("-webkit-appearance")}}*</li>
- <li>{{CSSxRef("-webkit-aspect-ratio")}}</li>
-</ul>
-
-<h3 id="B">B</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-backdrop-filter")}}</li>
- <li>{{CSSxRef("-webkit-background-composite")}}</li>
- <li>{{CSSxRef("border-block-end","-webkit-border-after")}}**</li>
- <li>{{CSSxRef("border-block-end-color","-webkit-border-after-color")}}**</li>
- <li>{{CSSxRef("border-block-end-style","-webkit-border-after-style")}}**</li>
- <li>{{CSSxRef("border-block-end-width","-webkit-border-after-width")}}**</li>
- <li>{{CSSxRef("border-block-start","-webkit-border-before")}}**</li>
- <li>{{CSSxRef("border-block-start-color","-webkit-border-before-color")}}**</li>
- <li>{{CSSxRef("border-block-start-style","-webkit-border-before-style")}}**</li>
- <li>{{CSSxRef("border-block-start-width","-webkit-border-before-width")}}**</li>
- <li>{{CSSxRef("border-inline-end", "-webkit-border-end")}}**</li>
- <li>{{CSSxRef("border-inline-end-color","-webkit-border-end-color")}}**</li>
- <li>{{CSSxRef("border-inline-end-style","-webkit-border-end-style")}}**</li>
- <li>{{CSSxRef("border-inline-end-width","-webkit-border-end-width")}}**</li>
- <li>{{CSSxRef("-webkit-border-fit")}}</li>
- <li>{{CSSxRef("-webkit-border-horizontal-spacing")}}</li>
- <li>{{CSSxRef("border-inline-start", "-webkit-border-start")}}**</li>
- <li>{{CSSxRef("border-inline-start-color", "-webkit-border-start-color")}}**</li>
- <li>{{CSSxRef("border-inline-start-style", "-webkit-border-start-style")}}**</li>
- <li>{{CSSxRef("border-inline-start-width", "-webkit-border-start-width")}}**</li>
- <li>{{CSSxRef("-webkit-border-vertical-spacing")}}</li>
- <li>{{CSSxRef("align-items","-webkit-box-align")}}**</li>
- <li>{{CSSxRef("flex-direction", "-webkit-box-direction")}}**</li>
- <li>{{CSSxRef("-webkit-box-flex-group")}}**</li>
- <li>{{CSSxRef("flex-grow", "-webkit-box-flex")}}**</li>
- <li>{{CSSxRef("flex-flow", "-webkit-box-lines")}}**</li>
- <li>{{CSSxRef("order", "-webkit-box-ordinal-group")}}**</li>
- <li>{{CSSxRef("flex-direction","-webkit-box-orient")}}**</li>
- <li>{{CSSxRef("justify-content", "-webkit-box-pack")}}**</li>
- <li>{{CSSxRef("-webkit-box-reflect")}}**</li>
-</ul>
-
-<h3 id="C">C</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-column-axis")}}</li>
- <li>{{CSSxRef("-webkit-column-break-after")}}</li>
- <li>{{CSSxRef("-webkit-column-break-before")}}</li>
- <li>{{CSSxRef("-webkit-column-break-inside")}}</li>
- <li>{{CSSxRef("-webkit-column-progression")}}</li>
- <li>{{CSSxRef("-webkit-cursor-visibility")}}</li>
-</ul>
-
-<h3 id="D-I">D-I</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-dashboard-region")}}</li>
- <li>{{CSSxRef("-webkit-font-size-delta")}}</li>
- <li>{{CSSxRef("-webkit-font-smoothing")}}</li>
- <li>{{CSSxRef("-webkit-highlight")}}</li>
- <li>{{CSSxRef("-webkit-hyphenate-character")}}</li>
- <li>{{CSSxRef("-webkit-hyphenate-limit-after")}}</li>
- <li>{{CSSxRef("-webkit-hyphenate-limit-before")}}</li>
- <li>{{CSSxRef("-webkit-hyphenate-limit-lines")}}</li>
- <li>{{CSSxRef("-webkit-initial-letter")}}</li>
-</ul>
-
-<h3 id="L">L</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-line-align")}}</li>
- <li>{{CSSxRef("-webkit-line-box-contain")}}</li>
- <li>{{CSSxRef("-webkit-line-clamp")}}</li>
- <li>{{CSSxRef("-webkit-line-grid")}}</li>
- <li>{{CSSxRef("-webkit-line-snap")}}</li>
- <li>{{CSSxRef("-webkit-locale")}}</li>
- <li>{{CSSxRef("-webkit-logical-height")}}</li>
- <li>{{CSSxRef("-webkit-logical-width")}}</li>
-</ul>
-
-<h3 id="M">M</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-margin-after-collapse")}}</li>
- <li>{{CSSxRef("-webkit-margin-after")}}</li>
- <li>{{CSSxRef("-webkit-margin-before-collapse")}}</li>
- <li>{{CSSxRef("-webkit-margin-before")}}</li>
- <li>{{CSSxRef("-webkit-margin-bottom-collapse")}}</li>
- <li>{{CSSxRef("-webkit-margin-collapse")}}</li>
- <li>{{CSSxRef("margin-block-end", "-webkit-margin-end")}}**</li>
- <li>{{CSSxRef("margin-block-start", "-webkit-margin-start")}}**</li>
- <li>{{CSSxRef("-webkit-margin-top-collapse")}}</li>
- <li>{{CSSxRef("-webkit-marquee-direction")}}</li>
- <li>{{CSSxRef("-webkit-marquee-increment")}}</li>
- <li>{{CSSxRef("-webkit-marquee-repetition")}}</li>
- <li>{{CSSxRef("-webkit-marquee-speed")}}</li>
- <li>{{CSSxRef("-webkit-marquee-style")}}</li>
- <li>{{CSSxRef("-webkit-marquee")}}</li>
- <li>{{CSSxRef("-webkit-mask-box-image-outset")}}</li>
- <li>{{CSSxRef("-webkit-mask-box-image-repeat")}}</li>
- <li>{{CSSxRef("-webkit-mask-box-image-slice")}}</li>
- <li>{{CSSxRef("-webkit-mask-box-image-source")}}</li>
- <li>{{CSSxRef("-webkit-mask-box-image-width")}}</li>
- <li>{{CSSxRef("-webkit-mask-box-image")}}</li>
- <li>{{CSSxRef("-webkit-mask-repeat-x")}}</li>
- <li>{{CSSxRef("-webkit-mask-repeat-y")}}</li>
- <li>{{CSSxRef("-webkit-mask-source-type")}}</li>
- <li>{{CSSxRef("-webkit-max-logical-height")}}</li>
- <li>{{CSSxRef("-webkit-max-logical-width")}}</li>
- <li>{{CSSxRef("-webkit-min-logical-height")}}</li>
- <li>{{CSSxRef("-webkit-min-logical-width")}}</li>
-</ul>
-
-<h3 id="N">N</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-nbsp-mode")}}</li>
-</ul>
-
-<h3 id="P">P</h3>
-
-<ul>
- <li>{{CSSxRef("padding-block-end","-webkit-padding-after")}}**</li>
- <li>{{CSSxRef("padding-block-start","-webkit-padding-before")}}**</li>
- <li>{{CSSxRef("padding-inline-end","-webkit-padding-end")}}**</li>
- <li>{{CSSxRef("padding-inline-start","-webkit-padding-start")}}**</li>
- <li>{{CSSxRef("-webkit-perspective-origin-x")}}</li>
- <li>{{CSSxRef("-webkit-perspective-origin-y")}}</li>
- <li>{{CSSxRef("-webkit-print-color-adjust")}}</li>
-</ul>
-
-<h3 id="R-S">R-S</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-rtl-ordering")}}</li>
- <li>{{CSSxRef("-webkit-svg-shadow")}}</li>
-</ul>
-
-<h3 id="T">T</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-tap-highlight-color")}}</li>
- <li>{{CSSxRef("-webkit-text-combine")}}</li>
- <li>{{CSSxRef("-webkit-text-decoration-skip")}}</li>
- <li>{{CSSxRef("-webkit-text-decorations-in-effect")}}</li>
- <li>{{CSSxRef("-webkit-text-fill-color")}}</li>
- <li>{{CSSxRef("-webkit-text-security")}}</li>
- <li>{{CSSxRef("-webkit-text-stroke-color")}}</li>
- <li>{{CSSxRef("-webkit-text-stroke-width")}}</li>
- <li>{{CSSxRef("-webkit-text-stroke")}}</li>
- <li>{{CSSxRef("-webkit-text-zoom")}}</li>
- <li>{{CSSxRef("-webkit-transform-origin-x")}}</li>
- <li>{{CSSxRef("-webkit-transform-origin-y")}}</li>
- <li>{{CSSxRef("-webkit-transform-origin-z")}}</li>
-</ul>
-
-<h3 id="U">U</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-user-drag")}}</li>
- <li>{{CSSxRef("-webkit-user-modify")}}</li>
-</ul>
-</div>
-
-<p>* 一部は標準化され、接頭辞がなくなりました。<br>
- ** 新しい構文が標準化されています。プロパティは新しい構文にリンクしています。古い構文は一部のブラウザーが対応しています。</p>
-
-<h2 id="WebKit-prefixed_properties_on_the_standards_track" name="WebKit-prefixed_properties_on_the_standards_track">標準化過程にある WebKit の接頭辞のついたプロパティ</h2>
-
-<div class="index">
-<ul>
- <li>{{CSSxRef("appearance", "-webkit-appearance")}}</li>
- <li>{{CSSxRef("-webkit-font-size-delta")}}</li>
- <li>{{CSSxRef("-webkit-mask-composite")}}</li>
- <li>{{CSSxRef("-webkit-mask-position-x")}}</li>
- <li>{{CSSxRef("-webkit-mask-position-y")}}</li>
- <li>{{CSSxRef("-webkit-mask-repeat-x")}}</li>
- <li>{{CSSxRef("-webkit-mask-repeat-y")}}</li>
-</ul>
-</div>
-
-<h2 id="Formerly_proprietary_properties_that_are_now_standard" name="Formerly_proprietary_properties_that_are_now_standard">以前は独自プロパティであったものが標準化されたもの</h2>
-
-<div class="note">
-<p><strong>メモ:</strong> CSS の互換性を最大化したい場合は、以下に挙げた接頭辞付きのプロパティの代わりに接頭辞のない標準のプロパティを使用してください。</p>
-</div>
-
-<div class="index">
-<h3 id="A_2">A</h3>
-
-<ul>
- <li>{{CSSxRef("align-content","-webkit-align-content")}}</li>
- <li>{{CSSxRef("align-items","-webkit-align-items")}}</li>
- <li>{{CSSxRef("align-self","-webkit-align-self")}}</li>
- <li>{{CSSxRef("animation","-webkit-animation")}}</li>
- <li>{{CSSxRef("animation-delay","-webkit-animation-delay")}}</li>
- <li>{{CSSxRef("animation-direction","-webkit-animation-direction")}}</li>
- <li>{{CSSxRef("animation-duration","-webkit-animation-duration")}}</li>
- <li>{{CSSxRef("animation-fill-mode","-webkit-animation-fill-mode")}}</li>
- <li>{{CSSxRef("animation-iteration-count","-webkit-animation-iteration-count")}}</li>
- <li>{{CSSxRef("animation-name","-webkit-animation-name")}}</li>
- <li>{{CSSxRef("animation-play-state","-webkit-animation-play-state")}}</li>
- <li>{{CSSxRef("animation-timing-function","-webkit-animation-timing-function")}}</li>
-</ul>
-
-<h3 id="B_2">B</h3>
-
-<ul>
- <li>{{CSSxRef("backface-visibility","-webkit-backface-visibility")}}</li>
- <li>{{CSSxRef("background-clip","-webkit-background-clip")}}</li>
- <li>{{CSSxRef("background-origin","-webkit-background-origin")}}</li>
- <li>{{CSSxRef("background-size","-webkit-background-size")}}</li>
- <li>{{CSSxRef("border-bottom-left-radius","-webkit-border-bottom-left-radius")}}</li>
- <li>{{CSSxRef("border-bottom-right-radius","-webkit-border-bottom-right-radius")}}</li>
- <li>{{CSSxRef("border-image","-webkit-border-image")}}</li>
- <li>{{CSSxRef("border-radius","-webkit-border-radius")}}</li>
- <li>{{CSSxRef("border-top-left-radius","-webkit-border-top-left-radius")}}</li>
- <li>{{CSSxRef("border-top-right-radius","-webkit-border-top-right-radius")}}</li>
- <li>{{CSSxRef("box-decoration-break","-webkit-box-decoration-break")}}</li>
- <li>{{CSSxRef("box-shadow","-webkit-box-shadow")}}</li>
- <li>{{CSSxRef("box-sizing","-webkit-box-sizing")}}</li>
-</ul>
-
-<h3 id="C_2">C</h3>
-
-<ul>
- <li>{{CSSxRef("clip-path","-webkit-clip-path")}}</li>
- <li>{{CSSxRef("column-count","-webkit-column-count")}}</li>
- <li>{{CSSxRef("column-fill","-webkit-column-fill")}}</li>
- <li>{{CSSxRef("column-gap","-webkit-column-gap")}}</li>
- <li>{{CSSxRef("column-rule","-webkit-column-rule")}}</li>
- <li>{{CSSxRef("column-rule-color","-webkit-column-rule-color")}}</li>
- <li>{{CSSxRef("column-rule-style","-webkit-column-rule-style")}}</li>
- <li>{{CSSxRef("column-rule-width","-webkit-column-rule-width")}}</li>
- <li>{{CSSxRef("column-span","-webkit-column-span")}}</li>
- <li>{{CSSxRef("column-width","-webkit-column-width")}}</li>
- <li>{{CSSxRef("columns","-webkit-columns")}}</li>
-</ul>
-
-<h3 id="F">F</h3>
-
-<ul>
- <li>{{CSSxRef("filter","-webkit-filter")}}</li>
- <li>{{CSSxRef("flex","-webkit-flex")}}</li>
- <li>{{CSSxRef("flex-basis","-webkit-flex-basis")}}</li>
- <li>{{CSSxRef("flex-direction","-webkit-flex-direction")}}</li>
- <li>{{CSSxRef("flex-flow","-webkit-flex-flow")}}</li>
- <li>{{CSSxRef("flex-grow","-webkit-flex-grow")}}</li>
- <li>{{CSSxRef("flex-shrink","-webkit-flex-shrink")}}</li>
- <li>{{CSSxRef("flex-wrap","-webkit-flex-wrap")}}</li>
- <li>{{CSSxRef("-webkit-font-feature-settings")}}</li>
- <li>{{CSSxRef("-webkit-font-kerning")}}</li>
- <li>{{CSSxRef("-webkit-font-variant-ligatures")}}</li>
-</ul>
-
-<h3 id="G-J">G-J</h3>
-
-<ul>
- <li>{{CSSxRef("grid","-webkit-grid")}}</li>
- <li>{{CSSxRef("grid-area","-webkit-grid-area")}}</li>
- <li>{{CSSxRef("grid-auto-columns","-webkit-grid-auto-columns")}}</li>
- <li>{{CSSxRef("grid-auto-flow","-webkit-grid-auto-flow")}}</li>
- <li>{{CSSxRef("grid-auto-rows","-webkit-grid-auto-rows")}}</li>
- <li>{{CSSxRef("grid-column","-webkit-grid-column")}}</li>
- <li>{{CSSxRef("grid-column-end","-webkit-grid-column-end")}}</li>
- <li>{{CSSxRef("grid-column-gap","-webkit-grid-column-gap")}}</li>
- <li>{{CSSxRef("grid-column-start","-webkit-grid-column-start")}}</li>
- <li>{{CSSxRef("grid-gap","-webkit-grid-gap")}}</li>
- <li>{{CSSxRef("grid-row","-webkit-grid-row")}}</li>
- <li>{{CSSxRef("grid-row-end","-webkit-grid-row-end")}}</li>
- <li>{{CSSxRef("grid-row-gap","-webkit-grid-row-gap")}}</li>
- <li>{{CSSxRef("grid-row-start","-webkit-grid-row-start")}}</li>
- <li>{{CSSxRef("grid-template","-webkit-grid-template")}}</li>
- <li>{{CSSxRef("grid-template-areas","-webkit-grid-template-areas")}}</li>
- <li>{{CSSxRef("grid-template-columns","-webkit-grid-template-columns")}}</li>
- <li>{{CSSxRef("grid-template-rows","-webkit-grid-template-rows")}}</li>
-</ul>
-
-<h3 id="H-L">H-L</h3>
-
-<ul>
- <li>{{CSSxRef("hyphens","-webkit-hyphens")}}</li>
- <li>{{CSSxRef("justify-content","-webkit-justify-content")}}</li>
- <li>{{CSSxRef("justify-items","-webkit-justify-items")}}</li>
- <li>{{CSSxRef("justify-self","-webkit-justify-self")}}</li>
- <li>{{CSSxRef("line-break","-webkit-line-break")}}</li>
-</ul>
-
-<h3 id="M_2">M</h3>
-
-<ul>
- <li>{{CSSxRef("mask","-webkit-mask")}}</li>
- <li>{{CSSxRef("mask-clip","-webkit-mask-clip")}}</li>
- <li>{{CSSxRef("mask-composite","-webkit-mask-composite")}}</li>
- <li>{{CSSxRef("mask-image","-webkit-mask-image")}}</li>
- <li>{{CSSxRef("mask-origin","-webkit-mask-origin")}}</li>
- <li>{{CSSxRef("mask-position","-webkit-mask-position")}}</li>
- <li>{{CSSxRef("mask-repeat","-webkit-mask-repeat")}}</li>
- <li>{{CSSxRef("mask-size","-webkit-mask-size")}}</li>
-</ul>
-
-<h3 id="O-R">O-R</h3>
-
-<ul>
- <li>{{CSSxRef("opacity","-webkit-opacity")}}</li>
- <li>{{CSSxRef("order","-webkit-order")}}</li>
- <li>{{CSSxRef("perspective","-webkit-perspective")}}</li>
- <li>{{CSSxRef("perspective-origin","-webkit-perspective-origin")}}</li>
- <li>{{CSSxRef("ruby-position","-webkit-ruby-position")}}</li>
-</ul>
-
-<h3 id="S">S</h3>
-
-<ul>
- <li>{{CSSxRef("scroll-snap-type","-webkit-scroll-snap-type")}}</li>
- <li>{{CSSxRef("shape-image-threshold","-webkit-shape-image-threshold")}}</li>
- <li>{{CSSxRef("shape-margin","-webkit-shape-margin")}}</li>
- <li>{{CSSxRef("shape-outside","-webkit-shape-outside")}}</li>
-</ul>
-
-<h3 id="T_2">T</h3>
-
-<ul>
- <li>{{CSSxRef("text-decoration", "-epub-text-decoration")}}</li>
- <li>{{CSSxRef("text-decoration-color", "-webkit-text-color-decoration")}}</li>
- <li>{{CSSxRef("text-decoration-line", "-webkit-text-decoration-line")}}</li>
- <li>{{CSSxRef("text-decoration-style", "-webkit-text-decoration-style")}}</li>
- <li>{{CSSxRef("text-emphasis", "-epub-text-emphasis")}}</li>
- <li>{{CSSxRef("text-emphasis","-webkit-text-emphasis")}}</li>
- <li>{{CSSxRef("text-emphasis-color", "-epub-text-emphasis-color")}}</li>
- <li>{{CSSxRef("text-emphasis-color","-webkit-text-emphasis-color")}}</li>
- <li>{{CSSxRef("text-emphasis-position","-webkit-text-emphasis-position")}}</li>
- <li>{{CSSxRef("text-emphasis-style","-epub-text-emphasis-style")}}</li>
- <li>{{CSSxRef("text-emphasis-style","-webkit-text-emphasis-style")}}</li>
- <li>{{CSSxRef("text-justify","-webkit-text-justify")}}</li>
- <li>{{CSSxRef("text-orientation","-webkit-text-orientation")}}</li>
- <li>{{CSSxRef("text-size-adjust","-webkit-text-size-adjust")}}</li>
- <li>{{CSSxRef("text-underline-position","-webkit-text-underline-position")}}</li>
- <li>{{CSSxRef("transform","-webkit-transform")}}</li>
- <li>{{CSSxRef("transform-origin","-webkit-transform-origin")}}</li>
- <li>{{CSSxRef("transform-style","-webkit-transform-style")}}</li>
- <li>{{CSSxRef("transition","-webkit-transition")}}</li>
- <li>{{CSSxRef("transition-delay","-webkit-transition-delay")}}</li>
- <li>{{CSSxRef("transition-duration","-webkit-transition-duration")}}</li>
- <li>{{CSSxRef("transition-property","-webkit-transition-property")}}</li>
- <li>{{CSSxRef("transition-timing-function","-webkit-transition-timing-function")}}</li>
-</ul>
-
-<h3 id="U-W">U-W</h3>
-
-<ul>
- <li>{{CSSxRef("user-select","-webkit-user-select")}}</li>
- <li>{{CSSxRef("word-break", "-epub-word-break")}}</li>
- <li>{{CSSxRef("writing-mode", "-epub-writing-mode")}}</li>
-</ul>
-</div>
-
-<h2 id="Supported_in_non-webkit_browsers_without_a_prefix_but_not_standard" name="Supported_in_non-webkit_browsers_without_a_prefix_but_not_standard">WebKit 以外のブラウザーで接頭辞なしのものが対応されているが、標準ではないもの</h2>
-
-<p>以下のプロパティは1つ以上のブラウザーが接頭辞なしで対応していますが、標準化路線には乗っていません。</p>
-
-<div class="index">
-<ul>
- <li>{{CSSxRef("mask-position-x","-webkit-mask-position-x")}}*</li>
- <li>{{CSSxRef("mask-position-y","-webkit-mask-position-y")}}*</li>
-</ul>
-</div>
-
-<p>* Firefox が接頭辞なしで対応、 Safari が接頭辞付きで対応。</p>
-
-<h2 id="Supported_in_Firefox_with_-webkit-_prefix" name="Supported_in_Firefox_with_-webkit-_prefix"><code>-webkit-</code> 接頭辞付きで Firefox が対応しているもの</h2>
-
-<p>以下のプロパティは Firefox が <code>-webkit-</code> 接頭辞付きで対応しています。多くのものは同様に接頭辞なしでも対応しています。前述の<a href="#Formerly_proprietary_properties_that_are_now_standard">以前は独自プロパティであったものが標準化されたもの</a>を参照してください。</p>
-
-<div class="blockIndicator note">
-<p>メモ: 多数のウェブサイトが古いコードで -webkit- 接頭辞の付いたプロパティを使用しているため、 Edge や Firefox は -webkit- 接頭辞のついた多くのプロパティを -moz-, -ms-, 接頭辞なしの同等のプロパティに転送しています。</p>
-</div>
-
-<div class="index">
-<h3 id="A_3">A</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-align-content")}}</li>
- <li>{{CSSxRef("-webkit-align-items")}}</li>
- <li>{{CSSxRef("-webkit-align-self")}}</li>
- <li>{{CSSxRef("-webkit-animation")}}</li>
- <li>{{CSSxRef("-webkit-animation-delay")}}</li>
- <li>{{CSSxRef("-webkit-animation-direction")}}</li>
- <li>{{CSSxRef("-webkit-animation-duration")}}</li>
- <li>{{CSSxRef("-webkit-animation-fill-mode")}}</li>
- <li>{{CSSxRef("-webkit-animation-iteration-count")}}</li>
- <li>{{CSSxRef("-webkit-animation-name")}}</li>
- <li>{{CSSxRef("-webkit-animation-play-state")}}</li>
- <li>{{CSSxRef("-webkit-animation-timing-function")}}</li>
- <li>{{CSSxRef("-webkit-appearance")}}*</li>
-</ul>
-
-<h3 id="B_3">B</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-backface-visibility")}}</li>
- <li>{{CSSxRef("-webkit-background-clip")}}</li>
- <li>{{CSSxRef("-webkit-background-origin")}}</li>
- <li>{{CSSxRef("-webkit-background-size")}}</li>
- <li>{{CSSxRef("-webkit-border-bottom-left-radius")}}</li>
- <li>{{CSSxRef("-webkit-border-bottom-right-radius")}}</li>
- <li>{{CSSxRef("-webkit-border-image")}}</li>
- <li>{{CSSxRef("-webkit-border-radius")}}</li>
- <li>{{CSSxRef("-webkit-box-align")}}**, ***</li>
- <li>{{CSSxRef("-webkit-box-direction")}}**, ***</li>
- <li>{{CSSxRef("-webkit-box-flex")}}**, ***</li>
- <li>{{CSSxRef("-webkit-box-orient")}}**, ***</li>
- <li>{{CSSxRef("-webkit-box-pack")}}**, ***</li>
- <li>{{CSSxRef("-webkit-box-shadow")}}</li>
- <li>{{CSSxRef("-webkit-box-sizing")}}</li>
- <li>{{CSSxRef("-webkit-border-top-left-radius")}}</li>
- <li>{{CSSxRef("-webkit-border-top-right-radius")}}</li>
-</ul>
-
-<h3 id="F_2">F</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-filter")}}</li>
- <li>{{CSSxRef("-webkit-flex")}}</li>
- <li>{{CSSxRef("-webkit-flex-basis")}}</li>
- <li>{{CSSxRef("-webkit-flex-direction")}}</li>
- <li>{{CSSxRef("-webkit-flex-flow")}}</li>
- <li>{{CSSxRef("-webkit-flex-grow")}}</li>
- <li>{{CSSxRef("-webkit-flex-shrink")}}</li>
- <li>{{CSSxRef("-webkit-flex-wrap")}}</li>
-</ul>
-
-<h3 id="J">J</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-justify-content")}}</li>
-</ul>
-
-<h3 id="M_3">M</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-mask")}}</li>
- <li>{{CSSxRef("-webkit-mask-clip")}}</li>
- <li>{{CSSxRef("-webkit-mask-composite")}}*</li>
- <li>{{CSSxRef("-webkit-mask-image")}}</li>
- <li>{{CSSxRef("-webkit-mask-origin")}}</li>
- <li>{{CSSxRef("-webkit-mask-position")}}</li>
- <li>{{CSSxRef("-webkit-mask-position-x")}}**</li>
- <li>{{CSSxRef("-webkit-mask-position-y")}}**</li>
- <li>{{CSSxRef("-webkit-mask-repeat")}}</li>
- <li>{{CSSxRef("-webkit-mask-size")}}</li>
-</ul>
-
-<h3 id="O-P">O-P</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-order")}}</li>
- <li>{{CSSxRef("-webkit-perspective")}}</li>
- <li>{{CSSxRef("-webkit-perspective-origin")}}</li>
-</ul>
-
-<h3 id="T_3">T</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-text-fill-color")}}**</li>
- <li>{{CSSxRef("-webkit-text-size-adjust")}}</li>
- <li>{{CSSxRef("-webkit-text-stroke")}}**</li>
- <li>{{CSSxRef("-webkit-text-stroke-color")}}**</li>
- <li>{{CSSxRef("-webkit-text-stroke-width")}}**</li>
- <li>{{CSSxRef("-webkit-transform")}}</li>
- <li>{{CSSxRef("-webkit-transform-origin")}}</li>
- <li>{{CSSxRef("-webkit-transition")}}</li>
- <li>{{CSSxRef("-webkit-transition-delay")}}</li>
- <li>{{CSSxRef("-webkit-transition-duration")}}</li>
- <li>{{CSSxRef("-webkit-transition-property")}}</li>
- <li>{{CSSxRef("-webkit-transition-timing-function")}}</li>
-</ul>
-
-<h3 id="U_2">U</h3>
-
-<ul>
- <li>{{CSSxRef("-webkit-user-select")}}</li>
-</ul>
-</div>
-
-<p>* Firefox では <code>-moz-</code> と <code>-webkit-</code> の接頭辞に対応していますが、 接頭辞のないものには対応していません。 Microsoft Edge と IE Mobile は、同様に相互運用性のためにこのプロパティを <code>-ms-</code> ではなく <code>-webkit-</code> の接頭辞付きで対応しています。<br>
- ** これらの値は、標準ではなく標準化路線にもなっていませんが、対応しています。<br>
- *** 代わりにフレックスボックスプロパティを使用してください。</p>
-
-<h2 id="Deprecated_-webkit-_properties" name="Deprecated_-webkit-_properties">非推奨の <code>-webkit-</code> プロパティ</h2>
-
-<p>以下のプロパティはいったん -webkit- 接頭辞付きで対応していましたが、すでに <code>-webkit-</code> 接頭辞のありなしに関わらず、主要なブラウザーで対応されなくなりました。</p>
-
-<div class="index">
-<ul>
- <li><code>-webkit-alt*</code></li>
- <li><code>-webkit-color-correction</code></li>
- <li><code>-webkit-flow-from</code></li>
- <li><code>-webkit-flow-into</code></li>
- <li><code>-webkit-grid-columns</code> ({{cssxref("grid-column")}} を参照)</li>
- <li><code>-webkit-grid-rows</code> ({{cssxref("grid-row")}} を参照)</li>
- <li><code>-webkit-hyphenate-charset</code></li>
- <li><code>-webkit-image-set</code></li>
- <li><code>-webkit-mask-attachment</code></li>
- <li><code>-webkit-match-nearest-mail-blockquote-color</code></li>
- <li>{{CSSxRef("-webkit-overflow-scrolling")}}</li>
- <li><code>-webkit-region-break-after</code></li>
- <li><code>-webkit-region-break-before</code></li>
- <li><code>-webkit-region-break-inside</code></li>
- <li><code>-webkit-region-fragment</code></li>
- <li><code>-webkit-shape-inside</code></li>
- <li><code>-webkit-touch-callout</code> ({{cssxref("touch-action")}} を参照)</li>
- <li><code>background-origin-x</code> (unprefixed!)</li>
- <li><code>background-origin-y</code> (unprefixed!)</li>
-</ul>
-</div>
-
-<p>* Still supported in the Safari Technology Preview, but not in a generally released browser.</p>
-
-<h2 id="Pseudo-classes" name="Pseudo-classes">疑似クラス</h2>
-
-<div class="index">
-<ul>
- <li>{{CSSxRef(":animating-full-screen-transition", ":-webkit-animating-full-screen-transition")}}</li>
- <li>{{CSSxRef(":any()", ":-webkit-any()")}}</li>
- <li>{{CSSxRef(":any-link", ":-webkit-any-link")}} *</li>
- <li>{{CSSxRef(":autofill",":-webkit-autofill")}}</li>
- <li>{{CSSxRef(":autofill-strong-password",":-webkit-autofill-strong-password")}}</li>
- <li>{{CSSxRef(":drag",":-webkit-drag")}}</li>
- <li>{{CSSxRef(":full-page-media",":-webkit-full-page-media")}}</li>
- <li>{{CSSxRef(":full-screen", ":-webkit-full-screen")}}*</li>
- <li>{{CSSxRef(":full-screen-ancestor",":-webkit-full-screen-ancestor")}}</li>
- <li>{{CSSxRef(":full-screen-document",":-webkit-full-screen-document")}}</li>
- <li>{{CSSxRef(":full-screen-controls-hidden",":-webkit-full-screen-controls-hidden")}}</li>
-</ul>
-</div>
-
-<p>* 標準化されました。</p>
-
-<div class="note">
-<p><strong>メモ:</strong> セレクターのチェーンまたはグループ内に無効な疑似クラスがあった場合、セレクターのリスト全体が無効になります。</p>
-</div>
-
-<h2 id="Pseudo-elements" name="Pseudo-elements">疑似要素</h2>
-
-<p>ウェブの互換性のため、 Blink, WebKit, Gecko のブラウザーは、 <code>::-webkit-</code> がついたすべての疑似要素を妥当として扱います。</p>
-
-<div class="index">
-<ul>
- <li>{{CSSxRef("::-webkit-file-upload-button")}}</li>
- <li>{{CSSxRef("::-webkit-inner-spin-button")}}</li>
- <li>{{CSSxRef("::-webkit-input-placeholder")}}</li>
- <li>{{CSSxRef("::-webkit-meter-bar")}}</li>
- <li>{{CSSxRef("::-webkit-meter-even-less-good-value")}}</li>
- <li>{{CSSxRef("::-webkit-meter-inner-element")}}</li>
- <li>{{CSSxRef("::-webkit-meter-optimum-value")}}</li>
- <li>{{CSSxRef("::-webkit-meter-suboptimum-value")}}</li>
- <li>{{CSSxRef("::-webkit-outer-spin-button")}}</li>
- <li>{{CSSxRef("::-webkit-progress-bar")}}</li>
- <li>{{CSSxRef("::-webkit-progress-inner-element")}}</li>
- <li>{{CSSxRef("::-webkit-progress-value")}}</li>
- <li>{{CSSxRef("::-webkit-search-cancel-button")}}</li>
- <li>{{CSSxRef("::-webkit-search-results-button")}}</li>
- <li>{{CSSxRef("::-webkit-slider-runnable-track")}}</li>
- <li>{{CSSxRef("::-webkit-slider-thumb")}}</li>
-</ul>
-</div>
-
-<div class="note">
-<p><strong>メモ:</strong> 一般に、セレクターのチェーンまたはグループ内に無効な疑似要素または疑似クラスがあった場合、セレクターのリスト全体が無効になります。擬似要素 (疑似クラスではない) に -webkit- という接頭辞が付いている場合、 Firefox 63 以降, Blink, WebKit, Gecko のブラウザーはセレクターのリストを妥当とみなし、無効にしないようにします。</p>
-</div>
-
-<h2 id="Media_features" name="Media_features">メディア特性</h2>
-
-<div class="index">
-<ul>
- <li>{{CSSxRef("@media/-webkit-animation", "-webkit-animation")}}</li>
- <li>{{CSSxRef("@media/-webkit-device-pixel-ratio", "-webkit-device-pixel-ratio")}}</li>
- <li>{{CSSxRef("@media/-webkit-transform-2d", "-webkit-transform-2d")}}</li>
- <li>{{CSSxRef("@media/-webkit-transform-3d", "-webkit-transform-3d")}}</li>
- <li>{{CSSxRef("@media/-webkit-transition", "-webkit-transition")}}</li>
-</ul>
-</div>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li><a href="https://trac.webkit.org/wiki/Styling%20Form%20Controls">Styling Form Controls on the WebKit Trac</a></li>
- <li><a href="/ja/docs/Web/CSS/Microsoft_Extensions">Microsoft CSS 拡張</a></li>
- <li><a href="/ja/docs/Web/CSS/Mozilla_Extensions">Mozilla CSS 拡張</a></li>
-</ul>
+{{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` (接頭辞なし)
+
+<p>* Safari Technology Preview ではまだ対応していますが、リリース版のブラウザーでは一般に対応していません。</p>
+
+## 擬似クラス
+
+- {{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 のブラウザーはセレクターのリストを妥当とみなし、無効にしないようにします。</p>
+
+## メディア特性
+
+- {{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)