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.
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 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.
WebKit DOM Reference describes the API for accessing the WebKit's Document Object Model.
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.