Apple has published a new reference to CSS support in Safari version 3 which any web developer concerned with Macintosh support will probably be interested in. You can download the reference as a PDF file so you can use it offline as well.

Safari version 3 is bundled with Leopard, included in the iPhone and is in beta for Windows.

The reference includes CSS properties that are Safari-specific and not supported by other browsers. While I’m not a proponent of using browser-specific extensions they can be helpful to enhance the experience for specific browsers.

Here’s a list of the Safari-specific properties:

• -webkit-border-bottom-left-radius
• -webkit-border-bottom-right-radius
• -webkit-border-horizontal-spacing
• -webkit-border-image
• -webkit-border-radius
• -webkit-border-top-left-radius
• -webkit-border-top-right-radius
• -webkit-border-vertical-spacing
• -webkit-box-sizing
• -webkit-box-shadow
• -webkit-margin-bottom-collapse
• -webkit-margin-collapse
• -webkit-margin-start
• -webkit-margin-top-collapse
• -webkit-padding-start
• -webkit-background-clip
• -webkit-background-composite
• -webkit-background-origin
• -webkit-background-size
• -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-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
• -webkit-column-break-after
• -webkit-column-break-before
• -webkit-column-break-inside
• -webkit-column-count
• -webkit-column-gap
• -webkit-column-rule-color
• -webkit-column-rule-style
• -webkit-column-rule-width
• -webkit-column-width
• -webkit-box-align
• -webkit-box-direction
• -webkit-box-flex
• -webkit-box-flex-group
• -webkit-box-lines
• -webkit-box-ordinal-group
• -webkit-box-orient
• -webkit-box-pack
• -webkit-dashboard-region

Via: Ajaxian » Safari CSS Reference

|  Print This Post