---
title: WebKit extensions
slug: Web/CSS/WebKit_Extensions
translation_of: Web/CSS/WebKit_Extensions
---
<p>{{ CSSRef() }}</p>
<p>WebKit unterstützt eine Reihe von <a href="/de/CSS" title="en/CSS">CSS</a> Erweiterungen, welche mit dem Präfix<code> -webkit</code> versehen sind. Alle Erweiterungen mit dem Präfix <code>-webkit</code> funktionieren auch mit dem Präfix <code>-apple</code>.</p>
<p>Einige dieser Eigenschaften sind für eine Aufnahme in die CSS Spezifikation vorgeschlagen. Es kann allerdings Abweichungen von der im Standard definierten Eigenschaft und der durch <code>-webkit-</code> eingeführten Eigenschaften geben.</p>
<h2 id="Standardisierte_Eigenschaften_mit_Präfix">Standardisierte Eigenschaften mit Präfix</h2>
<div style="-moz-column-width: 20em; -webkit-columns: 20em; columns: 20em;">
 <span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">A</span>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <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>
 <span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">B</span>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <li>{{ Cssxref("-webkit-backface-visibility") }}</li>
  <li>{{ Cssxref("-webkit-border-image") }}</li>
 </ul>
 <span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">C D E</span>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <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>
 <span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">F</span><br>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <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>
 <span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">G</span><br>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <li>{{ Cssxref("-webkit-grid-column") }}</li>
  <li>{{ Cssxref("-webkit-grid-columns") }}</li>
  <li>{{ Cssxref("-webkit-grid-row") }}</li>
  <li>{{ Cssxref("-webkit-grid-rows") }}</li>
 </ul>
 <span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">H</span><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">—O</span><br>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <li>{{ Cssxref("-webkit-hyphens") }}</li>
 </ul>
 <span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">P</span>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <li>{{ Cssxref("-webkit-perspective") }}</li>
  <li>{{ Cssxref("-webkit-perspective-origin") }}</li>
 </ul>
 <p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em; line-height: 1.572;">Q—Z</span></p>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <li>{{ cssxref("-webkit-region-overflow") }}</li>
  <li>{{ Cssxref("-webkit-transform") }}</li>
  <li>{{ Cssxref("-webkit-transform-origin") }}</li>
  <li>{{ Cssxref("-webkit-transform-style") }}</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>
  <li>{{ cssxref("-epub-word-break") }}</li>
  <li>{{ cssxref("-epub-writing-mode") }}</li>
 </ul>
</div>
<h2 id="Eigenschaften_deren_Präfix_entfernt_wurde">Eigenschaften, deren Präfix entfernt wurde</h2>
<div class="warning">
 <p>Diese Eigenschaften sollten nur noch als Fallbacks genutzt werden.</p>
</div>
<p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">A B</span></p>
<ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
 <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-radius") }}</li>
 <li>{{ Cssxref("-webkit-border-top-left-radius") }}</li>
 <li>{{ Cssxref("-webkit-border-top-right-radius") }}</li>
 <li>{{ Cssxref("-webkit-box-sizing") }}</li>
 <li>{{ Cssxref("-epub-caption-side") }}</li>
 <li>{{ Cssxref("-webkit-opacity") }}</li>
 <li>{{ Cssxref("-epub-text-transform") }}</li>
</ul>
<h2 id="Unstandardisierte_Eigenschaften_mit_Präfix">Unstandardisierte Eigenschaften mit Präfix</h2>
<div class="warning">
 <p>Diese Eigenschaften sind nicht für den Einsatz auf gebräuchlichen Webseiten gedacht.</p>
</div>
<div style="-moz-column-width: 20em; -webkit-columns: 20em; columns: 20em;">
 <p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">A</span></p>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <li>{{ Cssxref("-webkit-aspect-ratio") }}</li>
  <li><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">B</span></li>
  <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") }}{{ 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-groups") }}</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>
 <p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">C</span></p>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <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><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">D</span></li>
  <li>{{ Cssxref("-webkit-dashboard-region") }}</li>
  <li><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">E—G</span></li>
  <li>{{ Cssxref("-webkit-filter") }}</li>
  <li>{{ Cssxref("-webkit-font-smoothing") }}</li>
 </ul>
 <p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">H</span></p>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <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>
 </ul>
 <p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">I—L</span></p>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <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>
 <p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">M</span></p>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <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") }}</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-boximage-source") }}</li>
  <li>{{ Cssxref("-webkit-mask-box-image-width") }}</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>
  <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>
 <p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">N</span></p>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <li>{{ Cssxref("-webkit-nbsp-mode") }}</li>
 </ul>
 <p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">O</span></p>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <li>{{ cssxref("-webkit-overflow-scrolling") }}</li>
 </ul>
 <p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">P Q R</span></p>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <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") }}<br>
   <p> </p>
  </li>
  <li>
   <p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">R</span></p>
  </li>
  <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>
 <p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">S</span></p>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <li>{{ Cssxref("-webkit-shape-insided") }}</li>
  <li>{{ Cssxref("-webkit-shape-outside") }}</li>
  <li>{{ Cssxref("-webkit-svg-shadow") }}</li>
 </ul>
 <p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">T U V</span></p>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
  <li>{{ Cssxref("-webkit-tap-highlight-color") }}</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("-webkit-text-emphasis-position") }}</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>
 <p><span style="font-family: Georgia, Times, 'Times New Roman', serif; font-size: 1.6em;">W—Z</span></p>
 <ul style="margin-left: 0; padding-left: 0; list-style-type: none;">
 </ul>
</div>
<h2 id="Siehe_auch">Siehe auch</h2>
<ul>
 <li><a href="https://trac.webkit.org/wiki/Styling%20Form%20Controls">Styling Form Controls on the WebKit Trac</a></li>
</ul>