---
title: Rozszerzenia WebKit
slug: Web/CSS/WebKit_Extensions
tags:
  - CSS
  - Referencje CSS
translation_of: Web/CSS/WebKit_Extensions
original_slug: Web/CSS/Rozszerzenia_WebKit
---
<div>{{CSSRef}}</div>

<p>Webkit wspiera wiele rozszerzeń dedykowanych <a href="/en-US/docs/Web/CSS">CSS</a> opatrzonych prefiksem <code>-webki</code>t. Wszystkie właściwości opatrzone prefiksem <code>-webkit</code> działają również z prefiksem <code>-apple</code>.</p>

<p>Niektóre z tych właściwości zostały zawarte w szkicu specyfikacji CSS w celu włączenia do ostatecznej rekomendacji, ale są one jeszcze eksperymentalne. Niektóre z tych niestandardowych właściwości nie wchodzą w skład linii standardowo obowiązującej.</p>

<h2 id="Jednostki_z_prefiksem_WebKit_obowiązującego_standardu">Jednostki z prefiksem WebKit obowiązującego standardu</h2>

<div class="index">
<h3 id="A_–_C">A – C</h3>

<ul>
 <li>{{cssxref("-webkit-column-count")}}</li>
 <li>{{cssxref("-webkit-column-gap")}}</li>
 <li>{{cssxref("-webkit-column-width")}}</li>
 <li>{{cssxref("-webkit-column-rule")}}</li>
 <li>{{cssxref("-webkit-column-rule-width")}}</li>
 <li>{{cssxref("-webkit-column-rule-style")}}</li>
 <li>{{cssxref("-webkit-column-rule-color")}}</li>
 <li>{{cssxref("-webkit-columns")}}</li>
 <li>{{cssxref("-webkit-column-span")}}</li>
</ul>

<h3 id="F">F</h3>

<ul>
 <li>{{cssxref("-webkit-font-feature-settings")}}</li>
 <li>{{cssxref("-webkit-font-kerning")}}</li>
 <li>{{cssxref("-webkit-font-size-delta")}}</li>
 <li>{{cssxref("-webkit-font-variant-ligatures")}}</li>
</ul>

<h3 id="G">G</h3>

<ul>
 <li>{{cssxref("-webkit-grid-column")}}</li>
 <li>{{cssxref("-webkit-grid-row")}}</li>
</ul>

<h3 id="H_–_O">H – O</h3>

<ul>
 <li>{{cssxref("-webkit-hyphens")}}</li>
</ul>

<h3 id="M">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-repeat-x")}}</li>
 <li>{{cssxref("-webkit-mask-repeat-y")}}</li>
 <li>{{cssxref("-webkit-mask-size")}}</li>
</ul>

<h3 id="P">P</h3>

<ul>
 <li>{{cssxref("-webkit-perspective")}}</li>
 <li>{{cssxref("-webkit-perspective-origin")}}</li>
</ul>

<h3 id="Q_–_Z">Q – Z</h3>

<ul>
 <li>{{cssxref("-webkit-region-fragment")}}</li>
 <li>{{cssxref("-webkit-shape-outside")}}</li>
 <li>{{cssxref("-webkit-text-emphasis")}}</li>
 <li>{{cssxref("-webkit-text-emphasis-color")}}</li>
 <li>{{cssxref("-webkit-text-emphasis-position")}}</li>
 <li>{{cssxref("-webkit-text-emphasis-style")}}</li>
 <li>{{cssxref("-webkit-transform")}}</li>
 <li>{{cssxref("-webkit-transform-origin")}}</li>
 <li>{{cssxref("-webkit-transform-style")}}</li>
 <li>{{cssxref("-epub-word-break")}}</li>
 <li>{{cssxref("-epub-writing-mode")}}</li>
</ul>
</div>

<h2 id="Jednostki_z_prefiksem_WebKit_z_odpowiednikiem_bez_prefiksu">Jednostki z prefiksem WebKit z odpowiednikiem bez prefiksu</h2>

<p>W celu maksymalizacji kompatybilności z Twoim CSS powinienneś/powinnaś stosować właściwości standardu bez prefiksu zamiast opcji z prefiksem. Poniżej znajduje się lista wszystkich wariantów:</p>

<div class="index">
<h3 id="A">A</h3>

<ul>
 <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>
</ul>

<h3 id="B">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-border-top-left-radius")}}</li>
 <li>{{cssxref("-webkit-border-top-right-radius")}}</li>
 <li>{{cssxref("-webkit-box-sizing")}}</li>
</ul>

<h3 id="C_–_N">C – N</h3>

<ul>
 <li>{{cssxref("-epub-caption-side")}}</li>
</ul>

<h3 id="O_–_S">O – S</h3>

<ul>
 <li>{{cssxref("-webkit-opacity")}}</li>
</ul>

<h3 id="T_–_Z">T – Z</h3>

<ul>
 <li>{{cssxref("-epub-text-transform")}}</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>
</div>

<h2 id="Firmowe_jednostki_z_prefiksem_WebKit_(nie_do_używania_na_stronach_internetowych)">Firmowe jednostki z prefiksem WebKit (nie do używania na stronach internetowych)</h2>

<div class="index">
<h3 id="A_2">A</h3>

<ul>
 <li>{{cssxref("-webkit-appearance")}}</li>
 <li>{{cssxref("-webkit-aspect-ratio")}}</li>
 <li>{{cssxref(":-webkit-autofill")}}</li>
</ul>

<h3 id="B_2">B</h3>

<ul>
 <li>{{cssxref("-webkit-background-composite")}}</li>
 <li>{{cssxref("background-origin-x")}} (unprefixed!)</li>
 <li>{{cssxref("background-origin-y")}} (unprefixed!)</li>
 <li>{{cssxref("-webkit-border-after")}}</li>
 <li>{{cssxref("-webkit-border-after-color")}}</li>
 <li>{{cssxref("-webkit-border-after-style")}}</li>
 <li>{{cssxref("-webkit-border-after-width")}}</li>
 <li>{{cssxref("-webkit-border-before")}}</li>
 <li>{{cssxref("-webkit-border-before-color")}}</li>
 <li>{{cssxref("-webkit-border-before-style")}}</li>
 <li>{{cssxref("-webkit-border-before-width")}}</li>
 <li>{{cssxref("-webkit-border-end")}}</li>
 <li>{{cssxref("-webkit-border-end-color")}}</li>
 <li>{{cssxref("-webkit-border-end-style")}}</li>
 <li>{{cssxref("-webkit-border-end-width")}}</li>
 <li>{{cssxref("-webkit-border-fit")}}</li>
 <li>{{cssxref("-webkit-border-horizontal-spacing")}}</li>
 <li>{{cssxref("-webkit-border-start")}}</li>
 <li>{{cssxref("-webkit-border-start-color")}}</li>
 <li>{{cssxref("-webkit-border-start-style")}}</li>
 <li>{{cssxref("-webkit-border-start-width")}}</li>
 <li>{{cssxref("-webkit-border-vertical-spacing")}}</li>
 <li>{{cssxref("-webkit-box-align")}}</li>
 <li>{{cssxref("-webkit-box-direction")}}</li>
 <li>{{cssxref("-webkit-box-flex")}}</li>
 <li>{{cssxref("-webkit-box-flex-group")}}</li>
 <li>{{cssxref("-webkit-box-lines")}}</li>
 <li>{{cssxref("-webkit-box-ordinal-group")}}</li>
 <li>{{cssxref("-webkit-box-orient")}}</li>
 <li>{{cssxref("-webkit-box-pack")}}</li>
 <li>{{cssxref("-webkit-box-reflect")}}</li>
 <li>{{cssxref("-webkit-box-shadow")}}</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>
</ul>

<h3 id="D_E">D E</h3>

<ul>
 <li>{{cssxref("-webkit-dashboard-region")}}</li>
</ul>

<h3 id="F_2">F</h3>

<ul>
 <li>{{cssxref("-webkit-filter")}}</li>
 <li>{{cssxref("-webkit-font-smoothing")}}</li>
</ul>

<h3 id="G_2">G</h3>

<ul>
 <li>{{cssxref("-webkit-grid-columns")}}</li>
 <li>{{cssxref("-webkit-grid-rows")}}</li>
</ul>

<h3 id="H_–_K">H – K</h3>

<ul>
 <li>{{cssxref("-webkit-highlight")}}</li>
 <li>{{cssxref("-webkit-hyphenate-charset")}}</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-image-set")}}</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-break")}}</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_2">M</h3>

<ul>
 <li>{{cssxref("-webkit-margin-after")}}</li>
 <li>{{cssxref("-webkit-margin-after-collapse")}}</li>
 <li>{{cssxref("-webkit-margin-before")}}</li>
 <li>{{cssxref("-webkit-margin-before-collapse")}}</li>
 <li>{{cssxref("-webkit-margin-bottom-collapse")}}</li>
 <li>{{cssxref("-webkit-margin-collapse")}}</li>
 <li>{{cssxref("-webkit-margin-end")}}</li>
 <li>{{cssxref("-webkit-margin-start")}}</li>
 <li>{{cssxref("-webkit-margin-top-collapse")}}</li>
 <li>{{cssxref("-webkit-marquee")}}</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-mask-attachment")}}</li>
 <li>{{cssxref("-webkit-mask-box-image")}}</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-position-x")}}</li>
 <li>{{cssxref("-webkit-mask-position-y")}}</li>
 <li>{{cssxref("-webkit-mask-repeat-x")}}</li>
 <li>{{cssxref("-webkit-mask-repeat-y")}}</li>
 <li>{{cssxref("-webkit-match-nearest-mail-blockquote-color")}}</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="O">O</h3>

<ul>
 <li>{{cssxref("-webkit-overflow-scrolling")}}</li>
</ul>

<h3 id="P_Q">P Q</h3>

<ul>
 <li>{{cssxref("-webkit-padding-after")}}</li>
 <li>{{cssxref("-webkit-padding-before")}}</li>
 <li>{{cssxref("-webkit-padding-end")}}</li>
 <li>{{cssxref("-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">R</h3>

<ul>
 <li>{{cssxref("-webkit-region-break-after")}}</li>
 <li>{{cssxref("-webkit-region-break-before")}}</li>
 <li>{{cssxref("-webkit-region-break-inside")}}</li>
 <li>{{cssxref("-webkit-rtl-ordering")}}</li>
</ul>

<h3 id="S">S</h3>

<ul>
 <li>{{cssxref("-webkit-shape-inside")}}</li>
 <li>{{cssxref("-webkit-svg-shadow")}}</li>
</ul>

<h3 id="T_–_Z_2">T – Z</h3>

<ul>
 <li>{{cssxref("-webkit-tap-highlight-color")}}</li>
 <li>{{cssxref("-webkit-text-combine")}}</li>
 <li>{{cssxref("-epub-text-combine")}}</li>
 <li>{{cssxref("-webkit-text-decorations-in-effect")}}</li>
 <li>{{cssxref("-epub-text-emphasis")}}</li>
 <li>{{cssxref("-epub-text-emphasis-color")}}</li>
 <li>{{cssxref("-epub-text-emphasis-style")}}</li>
 <li>{{cssxref("-webkit-text-fill-color")}}</li>
 <li>{{cssxref("-epub-text-orientation")}}</li>
 <li>{{cssxref("-webkit-text-security")}}</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-touch-callout")}}</li>
</ul>
</div>

<h2 id="Zobacz_również">Zobacz również</h2>

<ul>
 <li><a href="https://trac.webkit.org/wiki/Styling%20Form%20Controls" title="https://trac.webkit.org/wiki/Styling Form Controls">Styling Form Controls on the WebKit Trac</a></li>
 <li>Rozszerzenia nie wymienione powyżej: <a href="https://gist.github.com/afabbro/3759334">https://gist.github.com/afabbro/3759334</a></li>
</ul>