CSS Properties List

A listing of the CSS properties

Quick Links
• Background Properties
• Border Properties
• Classification and Positioning Properties
• Dimension Properties
• Font Properties
• Generated Content Properties
• List Properties
• Margin Properties
• Outline Properties
• Padding Properties
• Page Properties
• Table Properties
• Text Properties
• Other Properties

Background Properties
CSS Background Properties
Property Description Possible Values Examples
Declares the
div { background-
attachment of a
attachment:fixed; }
background- background image fixed
attachment (to scroll with the scroll
div { background-
page content or be in
attachment:scroll; }
a fixed position).
div { background-
Valid color names,
background- Declares the color:green; }
RGB values,
color background color.
hexidecimal notation.
div { color:#00FF00; }
div { background-
Declares the image:url(images/img.jpg); }
background-
background image URL values.
image
of an element. body { background-
image:url(img.jpg); }
background- Declares the position Lengths or div { background-
position of a background percentages for the x position:10px 50px; }
image. and y positions, or
 one of the predefined
values:

top left
top center
top right
div { background-
center left
position:bottom right; }
center center
center right
bottom left
bottom center
bottom right
div { background-
repeat
Declares how and/or repeat:repeat-x; }
background- repeat-x
if a background
repeat repeat-y
image repeats. div { background-repeat:no-
no-repeat
repeat; }
Separate values by a
space in the following
order (those that are
not defined will use div { background:green
inherited or default url(image.jpg) no-repeat fixed
Used as a shorthand
initial values): center center; }
property to set all
background
the background
background-color div
properties at once.
background-image { background:url(image.jpg)
background-repeat fixed; }
background-
attachment
background-position

Border Properties
CSS Border Properties
Property Description Possible Values Examples
div { border-top-
Valid color names, RGB values, color:green; }
border- Declares the color
hexidecimal notation, or the
top-color of the top border.
predefined value transparent. div { border-top-
color:#00FF00; }
border- Declares the style of none div { border-top-
top-style the top border. hidden style:solid; }
dotted
dashed div { border-top-
solid style:inset; }
 double
groove
ridge
inset
outset
Lengths or the following predefined
div { border-top-
values:
width:2px; }
border- Declares the width
top-width of the top border. thin
div { border-top-
medium
width:thin; }
thick
Separate values by a space in the
div { border-
following order (those that are not
top:2px solid
Used as a shorthand defined will use inherited or default
green; }
property to set all initial values):
border-top
the border-top
div { border-
properties at once. border-top-width
top:thick double
border-top-style
#00FF00; }
border-top-color
div { border-right-
Valid color names, RGB values, color:green; }
border- Declares the color
hexidecimal notation, or the
right-color of the right border.
predefined value transparent. div { border-right-
color:#00FF00; }
none
hidden
dotted
div { border-right-
dashed
style:solid; }
border- Declares the style of solid
right-style the right border. double
div { border-right-
groove
style:inset; }
ridge
inset
outset
Lengths or the following predefined
div { border-right-
values:
border- width:2px; }
Declares the width
right-
of the right border. thin
width div { border-right-
medium
width:thin; }
thick
border- Used as a shorthand Separate values by a space in the div { border-
right property to set all following order (those that are not right:2px solid
the border-right defined will use inherited or default green; }
properties at once. initial values):
div { border-
border-right-width right:thick double
 border-right-style
#00FF00; }
border-right-color
div { border-
bottom-
border- Declares the color Valid color names, RGB values, color:green; }
bottom- of the bottom hexidecimal notation, or the
color border. predefined value transparent. div { border-
bottom-
color:#00FF00; }
none
hidden
div { border-
dotted
bottom-
dashed
border- style:solid; }
Declares the style of solid
bottom-
the bottom border. double
style div { border-
groove
bottom-style:inset;
ridge
}
inset
outset
div { border-
Lengths or the following predefined
bottom-
values:
border- Declares the width width:2px; }
bottom- of the bottom
thin
width border. div { border-
medium
bottom-
thick
width:thin; }
Separate values by a space in the div { border-
following order (those that are not bottom:2px solid
Used as a shorthand defined will use inherited or default green; }
border- property to set all initial values):
bottom the border-bottom div { border-
properties at once. border-bottom-width bottom:thick
border-bottom-style double
border-bottom-color #00FF00; }
div { border-left-
Valid color names, RGB values, color:green; }
border- Declares the color
hexidecimal notation, or the
left-color of the left border.
predefined value transparent. div { border-left-
color:#00FF00; }
border- Declares the style of none div { border-left-
left-style the left border. hidden style:solid; }
dotted
dashed div { border-left-
solid style:inset; }
double
 groove
ridge
inset
outset
Lengths or the following predefined
div { border-left-
values:
width:2px; }
border- Declares the width
left-width of the left border. thin
div { border-left-
medium
width:thin; }
thick
Separate values by a space in the
div { border-
following order (those that are not
left:2px solid
Used as a shorthand defined will use inherited or default
green; }
property to set all initial values):
border-left
the border-left
div { border-
properties at once. border-left-width
left:thick double
border-left-style
#00FF00; }
border-left-color
Valid color names, RGB values,
hexidecimal notation, or the
predefined value transparent.

Separate the color for each border by a

space, declaring the colors for the
borders in the following order: div { border-
color:green red
border-top-color blue olive; }
border-right-color
border-bottom-color div { border-
Declares the border border-left-color color:green; }
border-
color of all four
color
borders at once. Undeclared values work as further div { border-
shorthand notation. If only one color color:green red; }
value is declared, all four borders will
use that color. If two colors are div { border-
declared, the top and bottom borders color:green red
will use the first color while the right blue; }
and left borders will use the second
color. If three colors are declared, the
top border will use the first color, the
right and left borders will use the
second color, and the bottom border
will use the third color.
border- Declares the border none div { border-
style style of all four hidden style:solid dotted
borders at once. dotted dashed double; }
 dashed
solid
double
groove
ridge
inset
div { border-
outset
style:solid; }
Undeclared values work as further
div { border-
shorthand notation. If only one style
style:solid
value is declared, all four borders will
dotted; }
use that style. If two styles are
declared, the top and bottom borders
div { border-
will use the first style while the right
style:solid dotted
and left borders will use the second
dashed; }
style. If three styles are declared, the
top border will use the first style, the
right and left borders will use the
second style, and the bottom border
will use the third style.
Lengths or the following predefined
values:

thin div { border-

medium width:1px 3px
thick 5px 2px; }

Undeclared values work as further div { border-

Declares the width shorthand notation. If only one width width:thin; }
border-
of all four borders at value is declared, all four borders will
width
once. use that width. If two widths are div { border-
declared, the top and bottom borders width:2px 4px; }
will use the first width while the right
and left borders will use the second div { border-
width. If three widths are declared, the width:2px 4px
top border will use the first width, the 5px; }
right and left borders will use the
second width, and the bottom border
will use the third width.
border Used as a shorthand Separate values by a space in the div { border:1px
to declare the following order (those that are not double green; }
border properties defined will use inherited or default
when all four initial values): div { border:thin
borders will have solid #00FF00; }
the same border-width
appearance. border-style
 border-color

Classification and Positioning Properties

CSS Classification/Positioning Properties
Property Description Possible Values Examples
Declares the side(s) of an left
div { clear:right; }
element where no previous right
clear
floating elements are allowed both
div { clear:both; }
to be adjacent. none
URL values, and the
following prefefined
values:

auto
crosshair
div { cursor:crosshair; }
default
pointer
div
move
{ cusrsor:url(image.csr);
Declares the type of cursor to e-resize
cursor }
be displayed. ne-resize
nw-resize
div
n-resize
{ cusrsor:url(image.csr),
se-resize
pointer; }
sw-resize
s-resize
w-resize
text
wait
help
display Declares if/how the element none div { display:none; }
displays. inline
block div { display:inline; }
list-item
run-in div { display:marker; }
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
 table-column
table-cell
table-caption
Declares whether a box should
left div { float:left; }
float to the left or right of
float right
other content, or whether it
none div { float:right; }
should not be floated at all.
Declares the visibility of visible div { visibility:visible; }
visibility boxes generated by an hidden
element. collapse div { visibility:hidden; }
Declares the distance that the
top content edge of the
element is offset below the top Lengths, percentages, div { top:15px; }
top edge of its containing block. and the predefined
The position property of the value auto. div { top:2%; }
element must also be set to a
value other than static.
Declares the distance that the
right content edge of the
element is offset to the left of Lengths, percentages, div { right:15px; }
right the right edge of its containing and the predefined
block. The position property value auto. div { right:2%; }
of the element must also be set
to a value other than static.
Declares the distance that the
bottom content edge of the
element is offset above the Lengths, percentages, div { bottom:15px; }
bottom bottom edge of its containing and the predefined
block. The position property value auto. div { bottom:2%; }
of the element must also be set
to a value other than static.
Declares the distance that the
left content edge of the
element is offset to the right of Lengths, percentages, div { left:15px; }
left the left edge of its containing and the predefined
block. The position property value auto. div { left:2%; }
of the element must also be set
to a value other than static.
static div
Declares the type of relative { position:absolute; }
position
positioning of an element. absolute
fixed div { position:relative; }
clip Declares the shape of a Shapes, or the div { clip:auto; }
clipped region when the value predefined value auto.
of the overflow property is set div { clip:rect(2px, 4px,

to a value other than visible.
In CSS 2, the only
valid shape is a
rectangle, using the
following format to
specify the offset
7px, 5px); }
lengths from each side
of the box:

rect(top, right, bottom,

left)
visible div
Declares how content that
hidden { overflow:hidden; }
overflow overflows the element's box is
scroll
handled.
auto div { overflow:scroll; }
Lengths, percentages,
and the following
predefined values:

baseline span { vertical-

Declares the vertical
vertical- sub align:middle; }
alignment of an inline-level
align super
element or a table cell.
top td { vertical-align:top; }
text-top
middle
bottom
text-bottom
div { z-index:2; }
Declares the stack order of the Integer values and the
z-index
element. predefined value auto.
div { z-index:auto; }

Dimension Properties
CSS Dimension Properties
Property Description Possible Values Examples
div { height:200px;
Declares the height of the Lengths, percentages, and the }
height
element. predefined value auto.
div { height:50%; }
div { max-
height:200px; }
max- Declares the maximum Lengths, percentages, and the
height height of the element. predefined value auto.
div { max-
height:50%; }
min- Declares the minimum Lengths, percentages, and the div { min-
 height:200px; }
height height of the element. predefined value auto.
div { min-
height:50%; }
div
Declares the width of the Lengths, percentages, and the { width:500px; }
width
element. predefined value auto.
div { width:75%; }
div { max-
width:500px; }
Declares the maximum Lengths, percentages, and the
max-width
width of the element. predefined value auto.
div { max-
width:75%; }
div { min-
width:500px; }
Declares the minimum Lengths, percentages, and the
min-width
width of the element. predefined value auto.
div { min-
width:75%; }

Font Properties
CSS Font Properties
Property Description Possible Values Examples
Valid font family names or
generic family names, i.e.
Arial, Verdana, sans-serif,
"Times New Roman", Times, div { font-
Declares the name of the serif, etc. family:Arial; }
font to be used.
font-
Previously set in HTML Font family names can be div { font-
family
via the face attribute in a separated by a comma in the family:Arial,
<font> tag. same declaration to allow Helvetica, sans-
additional and/or generic serif; }
family names to be used if the
prefereed font is unable to be
displayed.
font-size Declares the size of the Lengths (number and unit type div { font-
font. Previously set in — i.e. 1em, 12pt, 10px, 80%) size:70%; }
HTML via the size or one of the following
attribute in a <font> tag. predefined values: div { font-
size:0.85em; }
xx-small
x-small div { font-
small size:medium; }
medium
 large
x-large
xx-large
smaller
larger
Limited browser
support: Was part of
CSS 2, but not in CSS div { font-size-
2.1. This property may adjust:0.54; }
font-size-
return in CSS 3. Numeric value
adjust
div { font-size-
Declares the aspect adjust:0.46; }
value (font size divided
by x-height).
normal
wider
Limited browser
narrower
support: Was part of div { font-
ultra-condensed
CSS 2, but not in CSS stretch:narrower; }
extra-condensed
font- 2.1. This property may
condensed
stretch return in CSS 3. div { font-
semi-condensed
stretch:ultra-
semi-expanded
Declares the stretch of expanded; }
expanded
the font face.
extra-expanded
ultra-expanded
div { font-style:italic;
normal }
font-style Declares the font style. italic
oblique div { font-
style:oblique; }
div { font-
variant:normal; }
font- Declares the font normal
variant variant. small-caps
div { font-
variant:small-caps; }
font- Declares the font weight normal div { font-
weight (lightness or boldness) bold weight:bolder; }
bolder
lighter div { font-
100 weight:200; }
200
300
400
500
600
 700
800
900
Separate values by a space in
the following order (those that
are not defined will use
inherited or default initial div { font:italic
Used as a shorthand
values): small-caps bold 1em
property to declare all of
1.2em Arial }
font the font properties at
font-style
once (except font-size-
font-variant div { font:bold 0.8em
adjust and font-stretch).
font-weight Verdana }
font-size
line-height
font-family

Generated Content Properties

CSS Generated Content Properties
Property Description Possible Values Examples
String values, URL
values, and predefined
value formats:

counter(name)
div:before { content:"some
counter(name, list-
Generates content in the text"; }
style-type)
document in conjunction
content counters(name, string)
with the :before and :after div:after
counters(name, string,
pseudo-elements. { content:url(page2.html);
list-style-type)
}
attr(X)
open-quote
close-quote
no-open-quote
no-close-quote
Declares the counter
counter- Integers and the
increment for each More Information
increment predefined value none.
instance of a selector.
Declares the value the
counter- Integers and the
counter is set to on each More Information
reset predefined value none.
instance of a selector.
Declares the type of
quotation marks to use for String values and the
quotes More Information
quotations and embedded predefined value none.
quotations.
List Properties
CSS List Properties
Property Description Possible Values Examples
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
ol { list-style-type:upper-
upper-alpha
roman; }
list-style- Declares the type of list lower-greek
type marker used. lower-latin
ul { list-style-type:square;
upper-latin
}
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha
ol { list-style-
position:inside; }
list-style- Declares the position of inside
position the list marker. outside
ul { list-style-
position:outside; }
list-style- Declares an image to be ul { list-style-
URL values.
image used as the list marker. image:url(image.jpg); }
Separate values by a space
in the following order
(those that are not defined ul { list-style:disc inside
Shorthand property to will use inherited or default url(image.gif); }
list-style declare three list initial values):
properties at once. ol { list-style:upper-
list-style-type roman outside; }
list-style-position
list-style-image
Declares the marker
li:before
marker- offset for elements with Lengths and the predefined
{ display:marker; marker-
offset a value of marker set value auto.
offset:5px; }
for the display property.
Margin Properties
CSS Margin Properties
Property Description Possible Values Examples
div { margin-
Declares the top top:5px; }
margin- Lengths, percentages, and the predefined
margin for the
top value auto.
element. div { margin-
top:15%; }
div { margin-
Declares the right right:5px; }
margin- Lengths, percentages, and the predefined
margin for the
right value auto.
element. div { margin-
right:15%; }
div { margin-
Declares the bottom:5px; }
margin- Lengths, percentages, and the predefined
bottom margin for
bottom value auto.
the element. div { margin-
bottom:15%; }
div { margin-
Declares the left left:5px; }
margin- Lengths, percentages, and the predefined
margin for the
left value auto.
element. div { margin-
left:15%; }
Separate values by a space in the following
order (those that are not defined will use
inherited or default initial values): div
{ margin:5px
margin-top 12px 4px
margin-right 7px; }
margin-bottom
margin-left div
Shorthand
{ margin:5px;
property used to
Undeclared values work as further shorthand }
margin declare all the
notation. If only one length value is
margin properties
declared, all four margins will use that div
at once.
length. If two lengths are declared, the top { margin:5px
and bottom margins will use the first length 10px; }
while the right and left margins will use the
second length. If three lengths are declared, div
the top margin will use the first length, the { margin:5px
right and left margins will use the second 7px 4px; }
length, and the bottom margin will use the
third length.
Outline Properties
CSS Outline Properties
Property Description Possible Values Examples
div { outline-
color:green; }
outline- Declares the outline Valid color names, RGB values,
color color. hexidecimal notation.
div { outline-
color:#00FF00; }
none
dotted
dashed div { outline-
solid style:solid; }
outline- Declares the style of the
double
style outline.
groove div { outline-
ridge style:inset; }
inset
outset
Lengths or the following
div { outline-
predefined values:
width:2px; }
outline- Declares the width of
width the outline. thin
div { outline-
medium
width:thin; }
thick
Separate values by a space in the
following order (those that are div { outline:green
Used as a shorthand not defined will use inherited or solid 2px; }
property to set all the default initial values):
outline
background properties div
at once. outline-color { outline:#00FF00
outline-style double thick; }
outline-width

Padding Properties
CSS Padding Properties
Property Description Possible Values Examples
div { padding-
Declares the top top:5px; }
padding- Lengths, percentages, and the predefined
padding for the
top value auto.
element. div { padding-
top:15%; }
padding- Declares the right Lengths, percentages, and the predefined div { padding-
right padding for the value auto. right:5px; }
 element. div { padding-
right:15%; }
div { padding-
Declares the bottom:5px; }
padding- Lengths, percentages, and the predefined
bottom padding
bottom value auto.
for the element. div { padding-
bottom:15%; }
div { padding-
Declares the left left:5px; }
padding- Lengths, percentages, and the predefined
padding for the
left value auto.
element. div { padding-
left:15%; }
Separate values by a space in the following
order (those that are not defined will use
inherited or default initial values): div
{ padding:5px
padding-top 12px 4px
padding-right 7px; }
padding-bottom
padding-left div
Shorthand
{ padding:5px;
property used to
Undeclared values work as further }
padding declare all the
shorthand notation. If only one length value
margin properties
is declared, all four sides will use that div
at once.
length. If two lengths are declared, the top { padding:5px
and bottom sides will use the first length 10px; }
while the right and left sides will use the
second length. If three lengths are declared, div
the top side will use the first length, the { padding:5px
right and left sides will use the second 7px 4px; }
length, and the bottom side will use the third
length.

Page Properties
CSS Page Properties
Property Description Possible Values Examples
Declares the type of marks to display crop @page
marks
outside the page box. cross { marks:crop; }
Declares the minimum number of
@page
orphans lines of a paragraph that must be left Integers
{ orphans:2; }
at the bottom of a page.
Declares the type of page where an More
page Indentifiers
element should be displayed. Information
 auto
always
page-break- More
Declares a page break. avoid
after Information
left
right
auto
always
page-break- More
Declares a page break. avoid
before Information
left
right
page-break- auto More
Declares a page break.
inside avoid Information
Lengths, and the
following predefined
values:
Declares the size and orientation of a More
size
page box. Information
auto
landscape
potrait
Declares the minimum number of
@page
widows lines of a paragraph that must be left Integers
{ widows:2; }
at the top of a page.

Table Properties
CSS Table Properties
Property Description Possible Values Examples
table { border-
Declares the way collapse:collapse; }
border- collapse
borders are
collapse separate
displayed. table { border-
collapse:separate; }
Lengths for the horizontal and
vertical spacing, separated by a
space.
table { border-
Declares the
If one length is value is declared, spacing:5px; }
border- distance separating
that length is used for both the
spacing borders (if border-
horizontal and vertical spacing. If table { border-
collapse is separate).
two lengths are declared, the first spacing:5px 10px; }
one is used for horizontal spacing
and the second one is used for
vertical spacing.
caption- Declares where the top caption { caption-
side table caption is bottom side:top; }
 displayed in relation left
caption { caption-
to the table. right
side:right; }
table { empty-
Declares the way
cells:show; }
empty- empty cells are show
cells displayed (if border- hide
table { empty-
collapse is separate).
cells:hide; }
table { table-
layout:auto; }
table- Declares the type of auto
layout table layout. fixed
table { table-
layout:fixed; }

Text Properties
CSS Text Properties
Property Description Possible Values Examples
Valid color names, RGB
values, hexidecimal notation.

The predefined color names

are:

aqua
black
blue div { color:green; }
fuchsia
Declares the color of gray div
color
the text. green { color:rgb(0,255,0); }
lime
maroon div { color:#00FF00; }
navy
olive
purple
red
silver
teal
white
yellow
ltr
rtl div { direction:ltr; }
Declares the reading
direction
direction of the text.
ltr = left-to-right div { direction:rtl; }
rtl = right-to-left
 div { line-
height:normal; }
Numbers, percentages,
Declares the distance div { line-
line-height lengths, and the predefined
between lines. height:2em; }
value of normal.
div { line-height:125%;
}
div { letter-
spacing:normal; }
Declares the amount of A length (in addition to the
letter- div { letter-
space between text default space) or the
spacing spacing:5px; }
characters. predefined value of normal.
div { letter-spacing:-
1px; }
left
right
center div { text-
justify align:center; }
Declares the horizontal
text-align alignment of inline
If used on a set of table cells, div { text-align:right; }
content.
this property can be given a
string value to which the text td { text-align:"."; }
of each row of the column
will be aligned.
none div { text-
underline decoration:none; }
text- Declares the text
overline
decoration decoration.
line-through div { text-
blink decoration:underline; }
div { text-
Declares the
indent:12px; }
text-indent indentation of the first Lengths and percentages.
line of text.
div { text-indent:2%; }
text- Declares shadow A list containg a color div { text-
shadow effects on the text. followed by numeric values shadow:green 2px 2px
(separated by spaces) that 7px; }
specify:
div { text-shadow:olive
1. The color for the -3px -4px 5px; }
shadow effect
2. Horizontal distance to
the right of the text
3. Vertical distance
 below the text

4. Blur radius
div { text-
Declares the none
transform:uppercase; }
text- capitalization effects capitalize
transform on the letters in the uppercase
div { text-
text. lowercase
transform:lowercase; }
Declares values div { unicode-
relating to bidirectional normal bidi:embed; }
unicode-
text. May be used in embed
bidi
conjunction with the bidi-override div { unicode-bidi:bidi-
the direction property. override; }
div { white-
Declares how white normal space:pre; }
white-
space is handled in an pre
space
element. nowrap div { white-
space:nowrap; }
div { word-
Declares the space A length (in addition to the spacing:normal; }
word-
between words in the default space) or the
spacing
text. predefined value of normal. div { word-
spacing:1.5em; }

Other Properties
Other CSS Properties
Property Description Possible Values Examples
Angle values in degrees
(deg), or one of the
following predefined
values:

left-side
far-left
Declares the angle left div { azimuth:90deg; }
azimuth that sound travels to center-left
the listener. center div { azimuth:behind; }
center-right
right
far-right
right-side
behind
leftwards
rightwards
 div { cue-
Declares an audio cue
URL values and the after:url(sound.wav); }
cue-after to play after an
predefined value none.
element.
div { cue-after:none; }
div { cue-
Declares an audio cue
URL values and the before:url(sound.wav); }
cue-before to play before an
predefined value none.
element.
div { cue-before:none; }
URL values and the
predefined value none.
Separate the values by a
space in the following
div { cue:url(sound.wav)
order:
Shorthand proerty to url(sound2.wav); }
cue set both cue values at
cue-before
once. div
cue-after
{ cue:url(sound.wav); }
If only one cue value is
declared, it is used for both
before and after.
Angle values in degrees
(deg), or one of the
following predefined
values:
div { elevation:30deg; }
Declares the
elevation
elevation of a sound. below
div { elevation:higher; }
level
above
higher
lower
div { pause-
Declares the amount
Time in milliseconds (ms) after:100ms; }
pause-after of time to pause after
or percentages.
an element.
div { pause-after:20%; }
div { pause-before:100ms;
Declares the amount
Time in milliseconds (ms) }
pause-before of time to pause
or percentages.
before an element.
div { pause-before:20%; }
pause Shorthand proerty to Separate the values by a div { pause:200ms
set both pause values space in the following 100ms; }
at once. order:
div { pause:100ms; }
pause-before
pause-after

If only one pause value is

 declared, it is used for both
before and after.
Frequencies in hertz (Hz)
or the following predefined
values:
Declares the average div { pitch:120Hz; }
pitch speaking pitch of a x-low
voice. low div { pitch:high; }
medium
high
x-high
Number values between 0
Declares a change in and 100 (lower values div { pitch-range:50; }
pitch-range the pitch range of a indicate a flat voice while
voice. higher values indicate an div { pitch-range:99; }
animated voice).
URL value, followed by
one or more of the
following keywords,
div { play-
separated by spaces:
during:url(music.wav); }
Declares a
background sound to mix
div { play-
play-during be played while the repeat
during:url(music.wav)
current element is
repeat; }
spoken. Alternatley, one of the
following keywords:
div { play-during:none; }
auto
none
Numeric values between 0
Declares the richness div { richness:50; }
and 100 (lower values have
richness of the voice in
less richness and higher
spoken text. div { richness:0; }
values have more richness).
normal div { speak:none; }
Declares if/how text
speak none
is spoken.
spell-out div { speak:spell-out; }
th { speak-header:once; }
Declares how often
once
speak-header table header cells are
always th { speak-
spoken.
header:always; }
speak- Declares how digits div { speak-
numeral numerals are spoken. continuous numeral:digits; }

div { speak-
 numeral:continuous; }
div { speak-
Declares how punctuation:code; }
speak- code
punctuation is
punctuation none
spoken. div { speak-
punctuation:none; }
A number indicating the
number of words per
minute, or one of the
following predefined
values:
div { speech-rate:50; }
Declares the speech
speech-rate x-slow
rate of spoken text. div { speech-rate:medium;
slow
}
medium
fast
x-fast
faster
slower
Numeric values between 0
Declares the stress of div { stress:50; }
and 100 (lower values have
stress the voice on spoken
less stress and higher
text. div { stress:0; }
values have more stress).
Declares the voice Generic or specific voice
voice-family More Information
family of spoken text. family names.
Numbers between 0 and
100, percentages, or one of
the following predefined
values:
div { volume:50; }
Declares the median
volume silent
volume.
x-soft div { volume:silent; }
soft
medium
loud
x-loud

--------------------
Copyright © 1997-2007 The Web Design Resource. All rights reserved.