Free PDF Ebooks Files @AcrobatPlanet.Com

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. In providing this browser functionality, WebKit implements a number of extensions to HTML, CSS, and JavaScript. This document covers support of cascading style sheets (CSS) in WebKit.

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).

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.

Contents
Introduction to Safari CSS Reference
Organization of This Document
See Also
Explanation of Terms
Syntax
Types Allowed
Constants
Subproperties
Availability
Support Level
Supported CSS Properties
Box Model

border
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width
margin
padding
padding-bottom
padding-left
padding-right
padding-top
-webkit-border-bottom-left-radius
-webkit-border-bottom-right-radius
-webkit-border-image
-webkit-border-radius
-webkit-border-top-left-radius
-webkit-border-top-right-radius
-webkit-box-sizing
-webkit-box-shadow
-webkit-margin-bottom-collapse
-webkit-margin-collapse
-webkit-margin-start
-webkit-margin-top-collapse
-webkit-padding-start

Visual Formatting Model

bottom
clear
direction
display
float
height
left
line-height
max-height
max-width
min-height
min-width
opacity
position
right
top
unicode-bidi
vertical-align
width
z-index
zoom

Visual Effects

clip
overflow
overflow-x
overflow-y
resize
visibility
-webkit-animation
-webkit-animation-delay
-webkit-animation-direction
-webkit-animation-duration
-webkit-animation-iteration-count
-webkit-animation-name
-webkit-animation-play-state
-webkit-animation-timing-function
-webkit-backface-visibility
-webkit-box-reflect
-webkit-mask
-webkit-mask-attachment
-webkit-mask-box-image
-webkit-mask-clip
-webkit-mask-composite
-webkit-mask-image
-webkit-mask-origin
-webkit-mask-position
-webkit-mask-position-x
-webkit-mask-position-y
-webkit-mask-repeat
-webkit-mask-size
-webkit-perspective
-webkit-perspective-origin
-webkit-transform
-webkit-transform-origin
-webkit-transform-origin-x
-webkit-transform-origin-y
-webkit-transform-origin-z
-webkit-transform-style
-webkit-transition
-webkit-transition-delay
-webkit-transition-duration
-webkit-transition-property
-webkit-transition-timing-function

Generated Content, Automatic Numbering, and Lists

content
counter-increment
counter-reset
list-style
list-style-image
list-style-position
list-style-type

Paged Media

orphans
page-break-after
page-break-before
page-break-inside
widows

Colors and Backgrounds

background
background-attachment
background-color
background-image
background-position
background-position-x
background-position-y
background-repeat
color
-webkit-background-clip
-webkit-background-composite
-webkit-background-origin
-webkit-background-size

Fonts

font
font-family
font-size
font-style
font-variant
font-weight
src
unicode-range
letter-spacing
text-align
text-decoration
text-indent
text-overflow
text-shadow
text-transform
white-space
word-break
word-spacing
word-wrap
-webkit-marquee
-webkit-marquee-direction
-webkit-marquee-increment
-webkit-marquee-repetition
-webkit-marquee-speed
-webkit-marquee-style
-webkit-text-fill-color
-webkit-text-security
-webkit-text-size-adjust
-webkit-text-stroke
-webkit-text-stroke-color
-webkit-text-stroke-width
-webkit-line-break
-webkit-appearance
-webkit-nbsp-mode
-webkit-rtl-ordering
-webkit-user-drag
-webkit-user-modify
-webkit-user-select

Tables

border-collapse
border-spacing
caption-sid
empty-cells
table-layout
-webkit-border-horizontal-spacing
-webkit-border-vertical-spacing
-webkit-column-break-after
-webkit-column-break-before
-webkit-column-break-inside
-webkit-column-count
-webkit-column-gap
-webkit-column-rule
-webkit-column-rule-color
-webkit-column-rule-style
-webkit-column-rule-width
-webkit-column-width
-webkit-columns

User Interface

cursor
outline
outline-color
outline-offset
outline-style
outline-width
pointer-events
-webkit-box-align
-webkit-box-direction
-webkit-box-flex
-webkit-box-flex-group
-webkit-box-lines 136
-webkit-box-ordinal-group
-webkit-box-orient
-webkit-box-pack
-webkit-touch-callout
-webkit-dashboard-region
-webkit-tap-highlight-color

Additional Unsupported Properties

WebKit-Specific Unsupported Properties
Unsupported Properties from the CSS Specification
Unsupported Properties Specific to Other Browsers

Supported CSS Rules
@font-face
@media
@-webkit-keyframes
CSS Property Functions
Image Functions

color-stop
from
to
-webkit-canvas
-webkit-gradient

Visual Effects Timing Functions
cubic-bezier
Visual Effects Transform Functions

matrix
matrix3d
perspective
rotate
rotate3
rotateX
rotateY
rotateZ
scale
scale3d
scaleX
scaleY
scaleZ
skewX
skewY
translate
translate3d
translateX
translateY
translateZ

Download
PDF Ebook Safari CSS Reference