sind nicht-standardkonforme Erweiterungen oder experimentelle Bereitstellungen von CSS-Eigenschaften in einem Browser.
Sie ermöglichen den Herstellern, eigene Erweiterungen des CSS-Standards bereitzustellen oder in Entwicklung befindliche des Standards zu testen. Durch eine Präfix kennzeichnen die Hersteller diese.
Während der oft langwierigen Entstehung eines Standards können die Hersteller von Browsern die geplanten Neuerungen frühzeitig integrieren und testen. Für den Entstehungsprozess ist ebenso wichtig, dass Web-Designer die Eigenschaften ausprobieren und ihr Feedback geben können.
Folgende Gründe führen (nach dem Entwicklerteam des Internet Explorers) zur Verwendung der Präfix:
- Die CSS-Eigenschaft ist eine hersteller-spezifische Erweiterung (z. B.
-ms-background-position-x), die nicht in einem Standard oder Modul beschrieben ist. - Die CSS-Eigenschaft ist Teil einer CSS-Standards, der noch nicht den Status Candidate Recommendation erreicht hat.
- Die CSS-Eigenschaft des Standards wird nur teilweise vom Browser unterstützt.
| Präfix | Hersteller/Organisation | CSS-Referenz | Über Erweiterungen |
|---|---|---|---|
| -ms-, -mso- | Microsoft, Microsoft Office |
{CSS-Reference - http://msdn.microsoft.com/en-us/library/ms531207%28VS.85%29.aspx} |
{MSDN Blog - http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx} |
| -moz- | Mozilla |
{MDN - https://developer.mozilla.org/en/CSS} |
{MDN - https://developer.mozilla.org/En/CSS_Reference:Mozilla_Extensions} |
| -o- | Opera |
{CSS support in Opera 9.5 - http://www.opera.com/docs/specs/opera95/css/} |
|
| -webkit- | Apple, Google |
{Apple Developer - http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariCSSRef/Introduction.html} |
|
| -khtml- | KDE |
{CSS 2.1 & 3 Support - http://www.konqueror.org/css/} |
|
| -atsc- | Adv. TV Standards Committee | ||
| -wap- | WAP-Forum | ||
| -hp- | Hewlett-Packard | ||
| -rim- | Research In Motion |
Die Präfixe am Beispiel von column-count (CSS Multi-column Layout Module):
-moz-column-count /* Mozilla, Firefox u. a. */
-webkit-column-count /* Webkit/Safari/Chrome */
-o-column-count /* Opera */
-ms-column-count /* Internet Explorer 10*/
column-count /* W3C-Standard */
Die Präfixe am Beispiel von border-radius (CSS Backgrounds and Borders):
-moz-border-radius /* Mozilla, Firefox bis 3.6 u. a. */
-webkit-border-radius /* Webkit/Safari/Chrome */
-o-border-radius /* Opera */
-ms-border-radius /* Microsoft Internet Explorer 10 */
border-radius /* W3C-Standard */
CSS-Dateien, die diese Erweiterungen beinhalten, werden von den CSS-Validatoren als nicht valide gekennzeichnet.
W3C - Technical Reports
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification:
{4.1.2.1 Vendor-specific extensions
- http://www.w3.org/TR/CSS2/syndata.html#vendor-keywords}
Weiterführende Links
{Beyond CSS 2.1
- http://www.bobbyvandersluis.com/articles/beyond_css21/}
@ Bobby van der Sluis.com