< Previous PageNext Page >

Hide TOC

Supported CSS Properties

Safari and Web Kit implement a large subset of the CSS 2.1 Specification defined by the World Wide Web Consortium (W3C). This reference describes the supported properties and provides Safari availability information. If a property is not listed here, it is not implemented by Safari and Web Kit.

Box Model

border

Defines a variety of border properties for an element within one declaration.

Syntax

border: value1 value2 ... valueN

Subproperties

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-bottom

Defines a variety of properties for an element's bottom border within one declaration.

Syntax

border-bottom: value1 value2 ... valueN

Subproperties

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-bottom-color

Defines the color of the bottom border of an element.

Syntax

border-bottom-color: value

Constants

activeborder, activecaption, appworkspace, aqua, background, black, blue, buttonface, buttonhighlight, buttonshadow, buttontext, captiontext, fuchsia, gray, graytext, green, grey, highlight, highlighttext, inactiveborder, inactivecaption, inactivecaptiontext, infobackground, infotext, lime, maroon, match, menu, menutext, navy, olive, orange, purple, red, scrollbar, silver, teal, threeddarkshadow, threedface, threedhighlight, threedlightshadow, threedshadow, transparent, -webkit-activelink, -webkit-focus-ring-color, -webkit-link, -webkit-text, white, window, windowframe, windowtext, yellow

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-bottom-style

Defines the style of the bottom border of an element.

Syntax

border-bottom-style: value

Constants

dashed, dotted, double, groove, hidden, inset, none, outset, ridge, solid

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-bottom-width

Defines the width of the bottom border of an element.

Syntax

border-bottom-width: value

Types Allowed

Length units

Constants

medium, thick, thin

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-color

Defines the color of an element's border.

Syntax

border-color: value

Subproperties

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-left

Defines a variety of properties for an element's left border within one declaration.

Syntax

border-left: value1 value2 ... valueN

Subproperties

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-left-color

Defines the color of the left border of an element.

Syntax

border-left-color: value

Constants

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-left-style

Defines the style of the left border of an element.

Syntax

border-left-style: value

Constants

dashed, dotted, double, groove, hidden, inset, none, outset, ridge, solid

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-left-width

Defines the width of the left border of an element.

Syntax

border-left-width: value

Types Allowed

Length units

Constants

medium, thick, thin

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-right

Defines a variety of properties for an element's right border within one declaration.

Syntax

border-right: value1 value2 ... valueN

Subproperties

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-right-color

Defines the color of the right border of an element.

Syntax

border-right-color: value

Constants

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-right-style

Defines the style of the right border of an element.

Syntax

border-right-style: value

Constants

dashed, dotted, double, groove, hidden, inset, none, outset, ridge, solid

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-right-width

Defines the width of the right border of an element.

Syntax

border-right-width: value

Types Allowed

Length units

Constants

medium, thick, thin

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-style

Defines the style for an element's border.

Syntax

border-style: value

Subproperties

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-top

Defines a variety of properties for an element's top border within one declaration.

Syntax

border-top: value1 value2 ... valueN

Subproperties

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-top-color

Defines the color of the top border of an element.

Syntax

border-top-color: value

Constants

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-top-style

Defines the style of the top border of an element.

Syntax

border-top-style: value

Constants

dashed, dotted, double, groove, hidden, inset, none, outset, ridge, solid

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-top-width

Defines the width of the top border of an element.

Syntax

border-top-width: value

Types Allowed

Length units

Constants

medium, thick, thin

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

border-width

Defines the width of of an element.

Syntax

border-width: value

Subproperties

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

margin

Defines a variety of properties for an element's outer-element margin within one declaration.

Syntax

margin: value

Subproperties

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

margin-bottom

Defines the width of the bottom margin of an element.

Syntax

margin-bottom: value

Types Allowed

Length units

Constants

auto

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

margin-left

Defines the width of the left margin of an element.

Syntax

margin-left: value

Types Allowed

Length units

Constants

auto

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

margin-right

Defines the width of the right margin of an element.

Syntax

margin-right: value

Types Allowed

Length units

Constants

auto

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

margin-top

Defines the width of the top margin of an element.

Syntax

margin-top: value

Types Allowed

Length units

Constants

auto

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

padding

Defines a variety of properties for an element's inner-element padding within one declaration.

Syntax

padding: value

Subproperties

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

padding-bottom

Defines the width of the bottom padding of an element.

Syntax

padding-bottom: value

Types Allowed

Length units

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

padding-left

Defines the width of the left padding of an element.

Syntax

padding-left: value

Types Allowed

Length units

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

padding-right

Defines the width of the right padding of an element.

Syntax

padding-right: value

Types Allowed

Length units

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

padding-top

Defines the width of the top padding of an element.

Syntax

padding-top: value

Types Allowed

Length units

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

-webkit-border-bottom-left-radius

Allows you to specify that the bottom left corner of a box should be rounded with the specified radius.

Syntax

-webkit-border-bottom-left-radius: 3px;

-webkit-border-bottom-left-radius: 3px 5px;

Types Allowed

Length units

Subproperties

Discussion

This property takes either one or two parameters. If one parameter is specified, it controls both the horizontal and vertical radii of a quarter ellipse. If two parameters are specified, the first parameter normally represents the horizontal radius and the second parameter represents the remaining radius. (Compatibility note: in Internet Explorer, if writing-mode is specified as tb-rl, these parameters are reversed.)

Availability

Safari 3.0 and later.

Support Level

Experimental CSS 3.

-webkit-border-bottom-right-radius

Allows you to specify that the bottom right corner of a box should be rounded with the specified radius.

Syntax

-webkit-border-bottom-right-radius: 3px;

-webkit-border-bottom-right-radius: 3px 5px;

Types Allowed

Length units

Subproperties

Discussion

Availability

Safari 3.0 and later.

Support Level

Experimental CSS 3.

-webkit-border-horizontal-spacing

Equivalent to the horizontal portion of the border-spacing property

Syntax

-webkit-border-horizontal-spacing 3px

Types Allowed

Length units, Non-negative values

Availability

Safari 3.0 and later. In Safari 2.0, it is -khtml-border-horizontal-spacing.

Support Level

Apple extension.

-webkit-border-image

This property allows you to use an image as the border for a box. The specified image is cut into nine pieces according to the length values given. This property applies to any box, including inline elements, but does not apply to table cells if the border-collapse property is set to collapse.

Syntax

border-image: uri top right bottom left x_repeat y_repeat

border-image: uri top right bottom left / border x_repeat y_repeat

border-image: uri top right bottom left / top_border right_border bottom_border left_border x_repeat y_repeat

Constants

none

Discussion

The first five fields are required. The url field contains the URI for the image. The four inset values that follow represent distances from the top, right, bottom, and left edges of the image. If no unit is specified, they represent actual pixels in the original image (assuming a raster image). If a unit (such as px) is specified, they represent CSS units (which may or may not be the same thing). The values may also be specified as a percentage of the size of the image.

After the required fields, you can optionally include a slash (/) followed by a border width field or fields. You can specify all four border widths individually or specify a single value that applies to all four fields. If these values are not the same size as the inset values, the slices of the original image are scaled to fit.

Finally, you can specify a repeat style in each direction. These values affect how the top, bottom, left, right, and center portions are altered to fit the required dimensions, and can be any of the following: repeat (tiled), stretch, or round (like tiling except that it stretches all nine pieces slightly so that you don't get a partial tile at the end).

Availability

Safari 3.0 and later.

Support Level

Experimental CSS 3.

-webkit-border-radius

Allows you to specify that the four corners of a box should be rounded with the specified radius.

Syntax

-webkit-border-radius: 3px;

-webkit-border-radius: 3px 6px;

Types Allowed

Length units

Subproperties

Discussion

Availability

Safari 3.0 and later.

Support Level

Experimental CSS 3.

-webkit-border-top-left-radius

Allows you to specify that the top left corner of a box should be rounded with the specified radius.

Syntax

-webkit-border-top-left-radius: 3px;

-webkit-border-top-left-radius: 3px 5px;

Types Allowed

Length units

Subproperties

Availability

Safari 3.0 and later.

Support Level

Experimental CSS 3.

-webkit-border-top-right-radius

Allows you to specify that the top right corner of a box should be rounded with the specified radius.

Syntax

-webkit-border-top-right-radius: 3px;

-webkit-border-top-right-radius: 3px 5px;

Types Allowed

Length units

Subproperties

Discussion

Availability

Safari 3.0 and later.

Support Level

Experimental CSS 3.

-webkit-border-vertical-spacing

Equivalent to the vertical portion of the border-spacing property

Syntax

-webkit-border-vertical-spacing 3px

Types Allowed

Length units, Non-negative values

Availability

Safari 3.0 and later. In Safari 2.0, it is -khtml-border-vertical-spacing.

Support Level

Apple extension.

-webkit-box-sizing

Allows you to specify whether the size of a box is measured based on the content (default) or based on the total size including the borders.

Syntax

-webkit-box-sizing: model

Constants

border-box, content-box

Availability

Safari 3.0 and later.

Support Level

Experimental CSS 3.

-webkit-box-shadow

Specifies a drop shadow effect to apply to the border box of an object.

Syntax

-webkit-box-shadow: hoff voff blur color

Constants

none

Discussion

This property takes four parameters. The first two are horizontal and vertical offsets, where positive offsets are down and to the right, respectively. The third value is a blur radius. The fourth value is the color of the shadow.

Availability

Safari 3.0 and later.

Support Level

Experimental CSS 3.

-webkit-margin-bottom-collapse

Defines the model of an element's bottom margin. This allows you to emulate the behavior of some browsers in quirks mode where table cell margins are collapsed into the borders of vertically adjacent cells.

Syntax

-webkit-margin-bottom-collapse: collapse

Constants

collapse, discard, separate

Availability

Safari 3.0 and later. In Safari 2.0, it is -khtml-margin-bottom-collapse.

Support Level

Apple extension.

-webkit-margin-collapse

Defines the model of an element's top and bottom margins. This allows you to emulate the behavior of some browsers in quirks mode where table cell margins are collapsed into the borders of vertically adjacent cells.

Syntax

-webkit-margin-collapse: collapse

Subproperties

Availability

Safari 3.0 and later. In Safari 2.0, it is -khtml-magin-collapse.

Support Level

Apple extension.

-webkit-margin-start

Provides the width of the starting margin. If the writing direction is left-to-right, this value overrides margin-left. If the writing direction is right-to-left, this value overrights margin-right.

Syntax

-webkit-margin-start: 2em

Types Allowed

Length units

Constants

auto

Availability

Safari 3.0 and later. In Safari 2.0, it is -khtml-margin-start.

Support Level

Apple extension.

-webkit-margin-top-collapse

Defines the model of an element's top margin. This allows you to emulate the behavior of some browsers in quirks mode where table cell margins are collapsed into the borders of vertically adjacent cells.

Syntax

-webkit-margin-top-collapse: collapse

Constants

collapse, discard, separate

Availability

Safari 3.0 and later. In Safari 2.0, it is -khtml-magin-top-collapse.

Support Level

Apple extension.

-webkit-padding-start

Provides the width of the starting padding. If the writing direction is left-to-right, this value overrides padding-left. If the writing direction is right-to-left, this value overrights padding-right.

Syntax

-webkit-padding-start: distance

Types Allowed

Length units

Availability

Safari 3.0 and later. In Safari 2.0, it is -khtml-padding-start.

Support Level

Apple extension.

Visual Formatting Model

bottom

Used in absolute or relative positioning of elements, defines the location of the bottom edge of the element.

Syntax

bottom: value

Types Allowed

Length units

Constants

auto

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

clear

Defines the side(s) of an element on which no floating elements will be permitted to be displayed.

Syntax

clear: value

Constants

both, left, none, right

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

direction

Sets the direction in which text is rendered.

Syntax

direction: value

Constants

ltr, rtl

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

display

Defines how an element is displayed onscreen.

Syntax

display: value

Constants

block, compact, inline, inline-block, inline-table, list-item, none, run-in, table, table-caption, table-cell, table-column, table-column-group, table-footer-group, table-header-group, table-row, table-row-group, -webkit-box, -webkit-inline-box

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

float

Indicates whether an element (often a graphic) should be pulled out of the normal text flow and floated towards a particular horizontal position within its enclosing element.

Syntax

float: value

Constants

center, left, none, right

Discussion

If float is set to none, the element is displayed inline wherever it appears within the text flow.

If float is set to a positional value, the element is laid out as it normally would be within the flow, then is moved as far as possible towards the specified position. If an element is vertically positioned such that it would run into another element that is part of the same float, it stops at the point of contact. Thus, in effect, this causes these floating elements to stack up at the specified horizontal position.

If the width of a series of stacked floating elements would exceed the width of the enclosing box, further elements wrap to a new row. You can force an element to always wrap to a new row by setting the “clear” property on that element.

Note: With the exception of elements with intrinsic width (an img tag, for example), you should always set the width property on floating elements to ensure consistent behavior across browsers.

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

height

Defines the height of a structural element. Has no effect for style elements.

Syntax

height: value

Types Allowed

Length units, Non-negative values

Constants

auto, intrinsic, min-intrinsic

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

left

Used in absolute or relative positioning of elements, defines the location of the left edge of the element.

Syntax

left: value

Types Allowed

Length units

Constants

auto

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

line-height

Defines the vertical inter-line spacing of lines within the text of an element.

Syntax

line-height: value

Types Allowed

Floating-point numbers, Length units

Constants

normal

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

max-height

Defines the maximum height of a structural element. Supported by Safari 1.3 and later, except for positioned elements.

Syntax

max-height: value

Constants

intrinsic, min-intrinsic, none

Availability

Safari 1.3 and later. Positioned elements require Safari 2.0.2 and later.

Support Level

CSS 2.1

max-width

Defines the maximum width of a structural element. Supported except for positioned elements.

Syntax

max-width: value

Constants

intrinsic, min-intrinsic, none

Availability

Safari 1.0 and later. Positioned elements require Safari 2.0.2 and later.

Support Level

CSS 2.1

min-height

Defines the minimum height of a structural element. Supported by Safari 1.3 and later, except for positioned elements.

Syntax

min-height: value

Types Allowed

Length units, Non-negative values

Constants

intrinsic, min-intrinsic

Availability

Safari 1.3 and later. Positioned elements require Safari 2.0.2 and later.

Support Level

CSS 2.1

min-width

Defines the minimum width of a structural element. Supported except for positioned elements.

Syntax

min-width: value

Types Allowed

Length units, Non-negative values

Constants

intrinsic, min-intrinsic

Availability

Safari 1.0 and later. Positioned elements require Safari 2.0.2 and later.

Support Level

CSS 2.1

opacity

Specifies how to blend the offscreen rendering into the current composite rendering.

Syntax

opacity: value

Types Allowed

Floating-point numbers

Availability

Safari 2.0 and later. (In Safari 1.1, it is -khtml-opacity).

Support Level

CSS 2.1

position

Specifies how an element is positioned. This affects the behavior of positional properties such as float and left/right/top/bottom.

Syntax

position: value

Constants

absolute, fixed, relative, static

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

right

Used in absolute or relative positioning of elements, defines the location of the right edge of the element.

Syntax

right: value

Types Allowed

Length units

Constants

auto

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

top

Used in absolute or relative positioning of elements, defines the location of the top edge of the element.

Syntax

top: value

Types Allowed

Length units

Constants

auto

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

unicode-bidi

Used to define the unicode bidirectional text algorithms. Must be set if you intend to change the direction of inline text.

Syntax

unicode-bidi: value

Constants

bidi-override, embed, normal

Availability

Safari 1.3 and later.

Support Level

CSS 2.1

vertical-align

Defines the vertical alignment of text in an element.

Syntax

vertical-align: value

Types Allowed

Length units

Constants

baseline, bottom, middle, sub, super, text-bottom, text-top, top, -webkit-baseline-middle

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

width

Defines the width of a structural element. Has no effect for style elements.

Syntax

width: value

Types Allowed

Length units, Non-negative values

Constants

auto, intrinsic, min-intrinsic

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

z-index

Defines the stacking order for elements. An element with a higher z-index value will be displayed on top of one with a lower z-index value.

Syntax

z-index: value

Constants

auto

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

Visual Effects

clip

Defines the clipping region for an element, in which its content will be rendered. Defaults to the entire element size.

Syntax

clip: value

Constants

auto

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

overflow

Defines the behavior of an element when its content overflows its bounds, such as providing scrollbars or hiding the overflowed content.

Syntax

overflow: visible

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

overflow-x

Defines the behavior of an element when its content overflows its horizontal bounds, such as providing scrollbars or hiding the overflowed content.

Syntax

overflow-x: visible

Constants

auto, hidden, overlay, scroll, visible, -webkit-marquee

Availability

Safari 3.0 and later.

Support Level

Stable CSS 3

overflow-y

Defines the behavior of an element when its content overflows its vertical bounds, such as providing scrollbars or hiding the overflowed content.

Syntax

overflow-y: visible

Constants

auto, hidden, overlay, scroll, visible, -webkit-marquee

Availability

Safari 3.0 and later.

Support Level

Stable CSS 3

resize

Defines whether an element is resizable by the user, and on which axes resizing should be allowed.

Syntax

resize: horizontal

Constants

auto, both, horizontal, none, vertical

Availability

Safari 3.0 and later.

Support Level

Stable CSS 3

visibility

Defines whether or not an element is visible onscreen. Note that elements made invisible using this property still take up space onscreen. Supported except for "collapse".

Syntax

visibility: value

Constants

collapse, hidden, visible

Availability

Safari 1.0 and later. All supported except for collapse.

Support Level

CSS 2.1

-webkit-transform

Specifies a whitespace-delimited list of transformations to be applied to an element, such as rotation, scaling, and so on.

Syntax

-webkit-transform: function [function ...]

Constants

none

Discussion

The set of transform functions is similar to those allowed by SVG, although there are additional functions to support 3D transformations. If multiple transforms are applied, the transform is generated by performing a matrix concatenation of each transform in the list.

For example, the following div element is rotated 45 degrees clockwise:

<div style="width: 12em; margin-top: 5em;

            -webkit-transform: rotate(45deg)">...</div>

The supported transforms are:

**Table 1** Transform functions
Function	Description
`matrix(<number>, <number>, <number>, <number>, <number>, <number>)`	Specifies a 2D transformation in the form of a transformation matrix of six values. `matrix(a,b,c,d,e,f)` is equivalent to applying the transformation matrix `[a b c d e f]`.
`translate(<translation-value>[, <translation-value>])`	Specifies a 2D translation by the vector `[tx,ty]`, where `tx` is the first translation-value parameter and `ty` is the optional second translation-value parameter. If `ty` is not provided, `ty` has 0 as a value.
`translateX(<translation-value>)`	Specifies a translation by the given amount in the X direction.
`translateY(<translation-value>)`	Specifies a translation by the given amount in the Y direction.
`scale(<number>[, <number>])`	Specifies a 2D scale operation by the `[sx,sy]` scaling vector described by the two parameters. If the second parameter is not provided, the implied value is equal to the first.
`scaleX(<number>)`	Specifies a scale operation using the `[sx,1,1]` scaling vector, where `sx` is given as the parameter.
`scaleY(<number>)`	Specifies a scale operation using the `[1,sy,1]` scaling vector, where `sy` is given as the parameter.
`rotate(<angle>)`	Specifies a 2D rotation by the angle specified in the parameter about the origin of the element, as defined by the `-webkit-transform-origin` property. The operation corresponds to the matrix `[cos(a) sin(a) -sin(a) cos(a) 0 0]`.
`skewX(<angle>)`	Specifies a skew transformation along the x-axis by the given angle.
`skewY(<angle>)`	Specifies a skew transformation along the y-axis by the given angle.
`perspective(<number>)`	Specifies a perspective projection matrix. This matrix maps a viewing cube onto a pyramid whose base is infinitely far away from the viewer and whose peak represents the viewer's position. The viewable area is the region bounded by the four edges of the viewport (the portion of the browser window used for rendering the webpage between the viewer's position and a point at a distance of infinity from the viewer). The depth, given as the parameter to the function, represents the distance of the z=0 plane from the viewer. Lower values give a more flattened pyramid and therefore a more pronounced perspective effect. The value is given in pixels, so a value of 1000 gives a moderate amount of foreshortening and a value of 200 gives an extreme amount.

For more information, see the CSS transitions specification at http://webkit.org/specs/CSSVisualEffects/CSSTransforms.html.

Availability

Safari 3.1 and later.

Support Level

Apple extension

Generated Content, Automatic Numbering, and Lists

content

Embeds an arbitrary batch of content (such as a movie or a specially-formatted string) to be embedded alongside a CSS property.

Syntax

content: value

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

counter-increment

N/A

Syntax

Constants

none

Availability

Unsupported.

Support Level

CSS 2.1

counter-reset

N/A

Syntax

Constants

none

Availability

Unsupported.

Support Level

CSS 2.1

list-style

Defines the display style for a list and list elements.

Syntax

list-style: value

Subproperties

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

list-style-image

Defines an image to use as the opening symbol of a list element.

Syntax

list-style-image: value

Constants

none

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

list-style-position

Defines the position of the opening symbol of a list element.

Syntax

list-style-position: value

Constants

inside, outside

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

list-style-type

Defines the type of the opening symbol of a list element.

Syntax

list-style-type: value

Constants

armenian, circle, cjk-ideographic, decimal, decimal-leading-zero, disc, georgian, hebrew, hiragana, hiragana-iroha, katakana, katakana-iroha, lower-alpha, lower-greek, lower-latin, lower-roman, none, square, upper-alpha, upper-latin, upper-roman

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

marker-offset

N/A

Syntax

Availability

Unsupported.

Support Level

CSS 2.1

quotes

N/A

Syntax

Availability

Unsupported.

Support Level

CSS 2.1

Paged Media

marks

N/A

Syntax

Availability

Unsupported.

Support Level

CSS 2.1

orphans

Defines the minimum number of lines in a paragraph that must be left at the bottom of a page (before a page break).

Syntax

orphans: value

Types Allowed

Integers

Availability

Available in Safari 1.3 and later.

Support Level

CSS 2.1

page

N/A

Syntax

Availability

Unsupported.

Support Level

CSS 2.1

page-break-after

Defines the page break behavior following an element's definition.

Syntax

page-break-after: value

Constants

always, auto, avoid, left, right

Availability

Safari 1.2 and later.

Support Level

CSS 2.1

page-break-before

Defines the page break behavior before an element's definition.

Syntax

page-break-before: value

Constants

always, auto, avoid, left, right

Availability

Safari 1.2 and later.

Support Level

CSS 2.1

page-break-inside

Defines the page break behavior within an element.

Syntax

page-break-inside: value

Constants

auto, avoid

Availability

Safari 1.3 and later.

Support Level

CSS 2.1

size

Unsupported.

Syntax

Availability

Unsupported.

Support Level

CSS 2.1

widows

Defines the minimum number of lines in a paragraph that must be left at the top of a page (after a page break).

Syntax

widows: value

Types Allowed

Integers

Availability

Safari 1.3 and later..

Support Level

CSS 2.1

Colors and Backgrounds

background

Defines a variety of background properties within one declaration.

Syntax

background: value1 value2 ... valueN

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

background-attachment

Defines the scrolling or fixed nature of the page background.

Syntax

background-attachment: value

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

background-color

Defines an element's background color.

Syntax

background-color: value

Constants

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

background-image

Defines an element's background image.

Syntax

background-image: value

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

background-position

Defines the origin of a background image.

Syntax

background-position: value

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

background-position-x

Defines the x-coordinate of the origin of a background image.

Syntax

background-position-x: value

Availability

Safari 1.0 and later.

Support Level

Apple extension.

background-position-y

Defines the y-coordinate of the origin of a background image.

Syntax

background-position-y: value

Availability

Safari 1.0 and later.

Support Level

Apple extension.

background-repeat

Defines the repeating qualities of the background image (for example, tiling it only in a certain direction or not at all).

Syntax

background-repeat: value

Availability

Safari 1.0 and later.

Support Level

CSS 2.1

color

Defines the color of the text of an element.

Syntax

color: value

Constants

Supported CSS Properties

Contents:

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

margin-bottom

margin-left

margin-right

margin-top

padding

padding-bottom

padding-left

padding-right

padding-top

-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

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

Visual Effects

clip

overflow

overflow-x

overflow-y

resize

visibility

-webkit-transform

Generated Content, Automatic Numbering, and Lists

content

counter-increment