Introduction to Safari CSS Reference
You can use Cascading Style Sheets (CSS) in conjunction with HTML-based web content to fine-tune the style of the content. The goal of CSS is to separate the structure provided by HTML from the style provided by CSS. Taking style information out of the structure allows designers to independently tune a page’s style for a variety of audiences and readers (such as desktops, hand-held devices like iPhone, and text-based browsers).
All Safari web browsers use the WebKit engine to display webpages. WebKit is an open source framework in Mac OS X that lets developers embed web browser functionality into applications. This document covers support of cascading style sheets (CSS) in WebKit.
This document is not intended as a comprehensive specification. Specifications for versions of CSS are available at http://www.w3.org/Style/CSS/.
You should read this document if you are creating web content for any version of Safari or any other WebKit-based application such as Dashboard.
Organization of This Document
This document contains the following articles:
Explanation of Terms explains terminology used in this reference.
Supported CSS Properties describes all of the CSS properties supported by Safari and provides information about which web standards (as defined by the World Wide Web Consortium, or W3C) include those properties, where applicable.
Supported CSS Rules describes CSS rules supported by Safari, including media rules, downloadable font rules, and so on.
CSS Property Functions describes functions used by CSS transform properties.
See Also
There are a variety of other resources for Safari web content developers in the ADC Reference Library.
If you are creating web content for Safari platforms, then you should read:
Safari Web Content Guide describes how to create content that is compatible with, optimized for, and customized for Safari on any platform.
If you are a designing web content for Safari on iOS, then you should also read:
iOS Human Interface Guidelines provides user interface guidelines for designing webpages and web applications for Safari on iOS.
Apple URL Scheme Reference describes how to use the Phone, Mail, Text, YouTube, iTunes, and Maps applications from your webpages.
If you want to learn more about visual effects, then you should read:
Safari CSS Visual Effects Guide describes how to use the CSS visual effects properties—the transition, animation, and transforms properties. It also covers the JavaScript APIs for handling visual effects events.
If you want to learn more about the JavaScript multi-touch event support, then you should read:
Safari DOM Additions Reference describes the touch event classes that you use to handle multi-touch gestures in JavaScript.
If you want to use the JavaScript media APIs, then you should read:
Safari HTML5 Audio and Video Guide describes how to use the HTML5 audio and video elements.
If you want to learn more about what HyperText Markup Language (HTML) tags are supported in Safari, then read:
Safari HTML Reference describes the HTML elements and attributes supported by different Safari and WebKit applications.
If you are using JavaScript and want access to the DOM or use the canvas object, then read:
WebKit DOM Programming Topics describes how to use JavaScript in web content for WebKit-based applications.
If you are developing web content for Safari on the desktop and iOS, then you should read:
Safari Web Inspector Guide describes how to use the Debug menu in Safari.
Dashcode User Guide describes how to use Dashcode to create web applications.
If you want to learn more about WebKit or contribute to the open source project, then go to The WebKit Open Source Project.
If you want to read the WebKit W3C proposals then go to: http://www.webkit.org/specs.
Copyright © 2016 Apple Inc. All Rights Reserved. Terms of Use | Privacy Policy | Updated: 2016-10-27