css quick guide
TRANSCRIPT
-
8/12/2019 CSS Quick Guide
1/23
CSS Quick Guide
This is a quick guide for web developers where we have listed all the CSS properties defined in the WorldWide Web Consortium's Recommended Specification for Cascading Style Sheets, evel !
We include each property's possible values, defined as either an e"plicit keyword or as one of these values#
angle: $ numeric value followed by deg, grad or rad % color: &ither a color name or he"adecimal R ( value, or an R ( triple of the form# rgb(red, green,
blue)
frequency: $ numeric value followed by h) or kh), indicating *ert) or kilo*ert)
length: $n optional sign +either or -., immediately followed by a number +with or without adecimal point., immediately followed by a two-character unit identifier like p" or pt or em etc%
number: $n optional sign, immediately followed by a number +with or without a decimal point.%
percent $n optional sign, immediately followed by a number +with or without a decimal point.,immediately followed by a percent sign%
shape: $ shape keyword, followed by a parentheses-enclosed list of comma-separated shape-specific parameters% Currently, the only supported shape keyword is rect, which e"pects fournumeric parameters denoting the offsets of the top, right, bottom, and left edges of the rectangle%
time: $ numeric value followed by s or ms, designating a time in seconds or milliseconds%
url: The keyword url, immediately followed +no spaces. by a left parenthesis, followed by a /Roptionally enclosed in single or double quotes, followed by a matching right parenthesis% 0ore"ample# url+1http#22www%tutorialspoint%com21.
Property Possible Values Description
azimuth angle
left-side
far-left
left
center-left center
center-right
right
far-right
Describes the position of a sound sourcealong the horizontal axis of the listener'senvironment.
-
8/12/2019 CSS Quick Guide
2/23
right-side
background Values from compositeproperties.
Composite property for the followingproperties
background-attachment
background-color
background-image
background-position
background-repeat
background-attachment
scroll
fixed
Determines if the background image isfixed in the window or scrolls as thedocument scrolls
background-color
color
transparent
!ets the background color of an element
background-image
url
none
!ets the background image of anelement
background-position
percent
none
length top
center
bottom
left
right
!ets the initial position of the element'sbackground image" if specified# valuesnormally are paired to provide x" ypositions# default position is $% $%.
background-repeat
repeat
repeat-x repeat-y
no-repeat
Determines how the background image isrepeated &tiled across an element
border !ee Description !ets all four of an element's borders#value is one or more of a color" a valuefor border-width " and a value for border-
-
8/12/2019 CSS Quick Guide
3/23
style
border-bottom
!ee Description !ets an element's bottom border# value isone or more of a color" a valuefor border-bottom-width " and a value
forborder-style
border-bottom-width
length
thin
medium
thick
!ets the thickness of an element's bottomborder.
border-collapse
collapse
separate
!ets the table border rendering algorithm
border-color color
transparent
!ets the color of all four of an element'sborders# default is the color of theelement
border-left-color
color !ets the color of an element's leftborders# default is the color of theelement
border-right-color
color !ets the color of an element's rightborders# default is the color of theelement
border-top-color
color !ets the color of an element's topborders# default is the color of theelement
border-bottom-color
color !ets the color of an element's bottomborders# default is the color of theelement
border-left !ee description !ets an element's left border# value isone or more of a color" a value
for border-left-width " and a valueforborder-style .
border-left- width
length
thin
medium
!ets the thickness of an element's leftborder
-
8/12/2019 CSS Quick Guide
4/23
thick
border-right !ee description !ets an element's right border# value isone or more of a color" a valuefor border-right-width " and a value
forborder-style .
border-right- width
length
thin
medium
thick
!ets the thickness of an element's rightborder
border-spacing
!ee description (ith separate borders set the spacingbetween borders. )ne value sets verticaland horizontal spacing and two valuessets horizontal and vertical spacingrespectively.
border-style dashed
dotted
double
groove
inset
none outset
ridge
solid
!ets the style of all four of an element'sborders
border-top !ee description !ets an element's top border# value isone or more of a color" a valuefor border-top-width " and a valueforborder-style
border-top- width
length
thin
medium
thick
!ets the thickness of an element's topborder.
-
8/12/2019 CSS Quick Guide
5/23
border-width length
thin
medium
thick
!ets the thickness of all four of anelement's borders
bottom length
percent
*sed with the position property to placethe bottom edge of an element
caption-side top
bottom
left
right
!ets the position for a table caption
clear both
left
none
right
!ets which margins of an element mustnot be ad+acent to a floating element# theelement is moved down until that marginis clear
clip shape !ets the clipping mask for an element
color color !ets the color of an element
content !ee description ,nserts generated content around anelement.
counter-increment
!ee description ,ncrements a counter by # value is a listof counter names" with each nameoptionally followed by a value by which itis incremented.
counter-reset
!ee description esets a counter to zero# value is a list ofcounter names" with each nameoptionally followed by a value to which it
is reset.
cue-after url
none
/lays the designated sound after anelement is spoken
cue-before url /lays the designated sound before anelement is spoken
-
8/12/2019 CSS Quick Guide
6/23
none
cursor url
auto
crosshair default
active
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
progress
Defines shap of the cursor
direction ltr
rtl
Defines direction of the flow of anelement content
display block
inline
list-items
marker
none
Controls how an element is displayed
elevation angle !ets the height at which a sound is
-
8/12/2019 CSS Quick Guide
7/23
below
level
above
higher lower
played
empty-cells hide
show
(ith separate borders" hides empty cellsin a table
float left
none
right
Determines if an element floats to the leftor right" allowing text to wrap around it orbe displayed inline
font !ee description !ets all the font attributes for an element.Value is any of the values for
font-style
font-variant
font-weight
font-size
line-height
font-family
font-family 0ist of font names Defines the font for an element" either asa specific font or as one of the genericserif" sans-serif" cursive" fantasy" andmonospace.
font-size xx-small
x-small
small
medium
large
xlarge
xx-large
Defines the font size
-
8/12/2019 CSS Quick Guide
8/23
larger
smaller
length
percent
font-size-ad+ust
none
ratio
1d+usts the current font's aspect ratio
font-stretch wider
normal
narrower
ultracondensed
extracondensed
condensed
semi-condensed
semiexpanded
expanded
extra-ex
Determines the amount to stretch thecurrent font
font-style normal
italic
obli2ue
Defines the style of the face" eithernormal or some type of slanted style
font-variant normal
small-caps
Defines a font to be in small caps
font-weight normal
bold
bolder lighter
number
Defines the font weight . if a number isused" it must be a multiple of $$between $$ and 3$$# 4$$ is normal" 5$$
is the same as the keyword bold
height length Defines the height of an element
-
8/12/2019 CSS Quick Guide
9/23
auto
left length
percent
*sed with the position property to placethe left edge of an element
letter-spacing
length
normal
,nserts additional space between textcharacters
line-height length
number
normal
percent
!ets the distance between ad+acent textbaselines
list-style !ee description Defines list-related styles using any of thevalues for
list-style-image
liststyle-position
list-style-type
list-style-image
url
none
Defines an image to be used as a listitem's marker" in lieu of the value for
list-style-type
.
list-style-position
inside
outside
,ndents or extends &default a list item'smarker with respect to the item's content
list-style-type
circle
disc
s2uare
decimal
lower-alpha
lower-roman
none
upper-alpha
Defines a list item's marker either forunordered lists &circle" disc" or s2uare orfor ordered lists &decimal" loweralpha"lower-roman" none" upper-alpha" orupper-roman
-
8/12/2019 CSS Quick Guide
10/23
upperroman
margin length
percent
auto
Defines all four of an element's margins
margin-bottom
length
percent
auto
Defines the bottom margin of an element.Default value is $.
margin-left length
percent
auto
Defines the left margin of an element.Default value is $.
margin-right length
percent
auto
Defines the right margin of an element.Default value is $.
margin-top length
percent
auto
Defines the top margin of an element.Default value is $.
marker-offset
length
auto
6he marker-offset property can be usedin bulleted lists for specifying the distancebetween the nearest border edges of amarker box &or bullet and its associatedprincipal box.
marks crop
cross
none
inherit
6he marks property is used to set cropmarks and cross marks on paged media.6his is used with the 7page rule.
max-height percent
length
none
max-height property is used to constrainthe height of an element.
max-width percent max-width property is used to set the
-
8/12/2019 CSS Quick Guide
11/23
length
none
maximum width of an element.
min-height percent
length
min-height property is used to constrainthe height of an element.
min-width percent
length
min-width property is used to constrainthe width of an element.
orphans number !ets the minimum number of linesallowed in an orphaned paragraphfragment
outline !ee the description 6he outline property is a shorthandproperty to specify all outline properties.
outline-color color
invert
6he outline-color property is used tospecify the color of the outline. 8ote that"unlike the border property" outline doesnot take up extra space and it can benon-rectangular.
outline-color-style
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
6he outline-style property is used tospecify the style of the outline. 8ote that"unlike the border property" outline doesnot take up extra space and it can be
non-rectangular.
outline-width thin
medium
thick
length &i.e. px
6he outline-color property is used tospecify the color of the outline. 8ote that"unlike the border property" outline doesnot take up extra space and it can benon-rectangular.
-
8/12/2019 CSS Quick Guide
12/23
inherit
overflow auto
hidden
scroll visible
Determines how overflow content isrendered
padding !ee description Defines all four padding amounts aroundan element
padding-bottom
length
percent
Defines the bottom padding of anelement. Default value is $
padding-left length
percent
Defines the left padding of an element.
Default value is $
padding-right
length
percent
Defines the right padding of an element.Default value is $
padding-top length
percent
Defines the top padding of an element.Default value is $
page name 1ssociates a named page layout with anelement
page-break-after
auto
always
avoid
left
right
9orces or suppresses page breaks afteran element.
page-break-before
auto
always avoid
left
right
9orces or suppresses page breaksbefore an element.
page-break- auto !uppresses page breaks within an
-
8/12/2019 CSS Quick Guide
13/23
inside avoid element
pause percent
time
6he pause property is C!! shorthand forspecifying shorthand property forspecifying pauses in aural media.
pause-after percent
time
/auses a media after speaking anelement
pause-before
percent
time
/auses a media before speaking anelement
pitch fre2uency
x-low
low medium
high
x-high
!ets the average pitch of an element'sspoken content
pitch-range number !ets the range of the pitch" from $ &flat to$$ &broad # default is :$
play-during url
mix none
repeat
,f a * 0 is provided" it is played duringan element's spoken content .specifying repeat loops theaudio# mix causes it to mix with" ratherthan replace" other background audio.
position absolute
fixed
relative
static
!ets the positioning model for an element
2uotes 0ist of strings !ets the 2uote symbols used to 2uotetext
richness number !ets the richness of the voice" from $&flat to $$ &mellifluous # default is :$
right length *sed with the position property to place
-
8/12/2019 CSS Quick Guide
14/23
percent the right edge of an element.
size auto
length
portrait landscape
inherit
6he size property is used in paged mediato specify the size of the page.
speak normal
none
spell-out
Determines how an element's content isspoken.
speak-header
always
once
Determines if table headers are spokenonce for each row or column or each timea cell is spoken.
speak-numeral
continuous
digits
Determines how numerals are spoken
speak-punctuation
code
none
Determines if punctuation is spoken orused for inflection
speech-rate number
x-slow
slow
medium
fast
x-fast
faster
slower
!ets the rate of speech# a number sets
the rate in words per minute
stress number !ets the stress of the voice" from $&catatonic to $$ &hyperactive # default is:$.
table-layout auto
fixed
Determines the table-rendering algorithm
-
8/12/2019 CSS Quick Guide
15/23
text-align center
+ustify
left
right
!ets the text alignment style for anelement
text-decoration
blink
line-through
none
overline
underline
Defines any decoration for the text#values may be combined
text-indent length
percent
Defines the indentation of the first line of
text in an element# default is $
text-shadow !ee description Creates text drop shadows of varyingcolors and offsets
text-transform
capitalize
lowercase
none
uppercase
6ransforms the text in the elementaccordingly
top length
percent
*sed with the position property to placethe top edge of an element.
vertical-align percent
baseline
bottom
middle
sub super
text-bottom
text-top
top
!ets the vertical positioning of anelement
-
8/12/2019 CSS Quick Guide
16/23
visibility collapse
hidden
visible
Determines if an element is visible in thedocument or table
voice-family 0ist of voices !elects a named voice family to speak anelement's content
volume number
percent
silent
x-soft
soft
medium loud
x-loud
!ets the volume of spoken content#numeric values range from $ to $$
white-space normal
nowrap
pre
Defines how whitespace within anelement is handled
widows number !ets the minimum number of lines
allowed in a widowed paragraphfragment
width length
percent
auto
Defines the width of an element
word-spacing
length
normal
,nserts additional space between words
z-index number !ets the rendering layer for the currentelement.
/seudo-classes ; /seudo-elements
Property
Description
-
8/12/2019 CSS Quick Guide
17/23
active *se this class to add special effect to an activated element
focus *se this class to add special effect to an element while the element hasfocus
hover *se this class to add special effect to an element when you mouse over itlink *se this class to add special effect to an unvisited link
visited *se this class to add special effect to a visited link
first-child
*se this class to add special effect to an element that is the first child ofsome other element.
lang *se this class to specify a language to use in a specified element
first-
letter
*se this element to add special effect to the first letter of a text
first-line *se this element to add special effect to the first line of a text
before *se this element to insert some content before an element
after *se this element to insert some content after an element
Property Description
a)imuth 3escribes the position of a sound source along the hori)ontal a"isof the listener's environment%
background Composite property for the following properties# background-attachment background-color
background-image
background-position
background-repeat
background-attachment
3etermines if the background image is fi"ed in the window orscrolls as the document scrolls
background-color Sets the background color of an element
background-image Sets the background image of an element
background-position Sets the initial position of the element's background image, ifspecified4 values normally are paired to provide ", y positions4default position is 56 56%
background-repeat 3etermines how the background image is repeated +tiled. acrossan element
http://www.tutorialspoint.com/css/css_azimuth.htmhttp://www.tutorialspoint.com/css/css_background.htmhttp://www.tutorialspoint.com/css/css_background-attachment.htmhttp://www.tutorialspoint.com/css/css_background-attachment.htmhttp://www.tutorialspoint.com/css/css_background-color.htmhttp://www.tutorialspoint.com/css/css_background-image.htmhttp://www.tutorialspoint.com/css/css_background-position.htmhttp://www.tutorialspoint.com/css/css_background-repeat.htmhttp://www.tutorialspoint.com/css/css_background.htmhttp://www.tutorialspoint.com/css/css_background-attachment.htmhttp://www.tutorialspoint.com/css/css_background-attachment.htmhttp://www.tutorialspoint.com/css/css_background-color.htmhttp://www.tutorialspoint.com/css/css_background-image.htmhttp://www.tutorialspoint.com/css/css_background-position.htmhttp://www.tutorialspoint.com/css/css_background-repeat.htmhttp://www.tutorialspoint.com/css/css_azimuth.htm -
8/12/2019 CSS Quick Guide
18/23
border Sets all four of an element's borders4 value is one or more of acolor, a value for border-width , and a value for border-style
border-bottom Sets an element's bottom border4 value is one or more of acolor, a value for border-bottom-width , and a value for border-style
border-bottom-width Sets the thickness of an element's bottom border%
border-collapse Sets the table border rendering algorithm
border-color Sets the color of all four of an element's borders4 default is thecolor of the element
border-left-color Sets the color of an element's left borders4 default is the color ofthe element
border-right-color Sets the color of an element's right borders4 default is the colorof the element
border-top-color Sets the color of an element's top borders4 default is the color ofthe element
border-bottom-color Sets the color of an element's bottom borders4 default is thecolor of the element
border-left Sets an element's left border4 value is one or more of a color, avalue for border-left-width , and a value for border-style %
border-left-width Sets the thickness of an element's left border
border-right Sets an element's right border4 value is one or more of a color, avalue for border-right-width , and a value for border-style %
border-right-width Sets the thickness of an element's right border
border-spacing With separate borders set the spacing between borders% 7nevalue sets vertical and hori)ontal spacing and two values setshori)ontal and vertical spacing respectively%
border-style Sets the style of all four of an element's borders
border-top Sets an element's top border4 value is one or more of a color, avalue for border-top-width , and a value for border-style
border-top-width Sets the thickness of an element's top border%
border-width Sets the thickness of all four of an element's borders
bottom /sed with the position property to place the bottom edge of anelement
caption-side Sets the position for a table caption
clear Sets which margins of an element must not be ad8acent to afloating element4 the element is moved down until that margin isclear
clip Sets the clipping mask for an element
color Sets the color of an element
content 9nserts generated content around an element%
http://www.tutorialspoint.com/css/css_border.htmhttp://www.tutorialspoint.com/css/css_border-bottom.htmhttp://www.tutorialspoint.com/css/css_border-bottom-width.htmhttp://www.tutorialspoint.com/css/css_border-collapse.htmhttp://www.tutorialspoint.com/css/css_border-color.htmhttp://www.tutorialspoint.com/css/css_border-left-color.htmhttp://www.tutorialspoint.com/css/css_border-right-color.htmhttp://www.tutorialspoint.com/css/css_border-top-color.htmhttp://www.tutorialspoint.com/css/css_border-bottom-color.htmhttp://www.tutorialspoint.com/css/css_border-left.htmhttp://www.tutorialspoint.com/css/css_border-left-width.htmhttp://www.tutorialspoint.com/css/css_border-right.htmhttp://www.tutorialspoint.com/css/css_border-right-width.htmhttp://www.tutorialspoint.com/css/css_border-spacing.htmhttp://www.tutorialspoint.com/css/css_border-style.htmhttp://www.tutorialspoint.com/css/css_border-top.htmhttp://www.tutorialspoint.com/css/css_border-top-width.htmhttp://www.tutorialspoint.com/css/css_border-width.htmhttp://www.tutorialspoint.com/css/css_bottom.htmhttp://www.tutorialspoint.com/css/css_caption-side.htmhttp://www.tutorialspoint.com/css/css_clear.htmhttp://www.tutorialspoint.com/css/css_clip.htmhttp://www.tutorialspoint.com/css/css_color.htmhttp://www.tutorialspoint.com/css/css_content.htmhttp://www.tutorialspoint.com/css/css_border.htmhttp://www.tutorialspoint.com/css/css_border-bottom.htmhttp://www.tutorialspoint.com/css/css_border-bottom-width.htmhttp://www.tutorialspoint.com/css/css_border-collapse.htmhttp://www.tutorialspoint.com/css/css_border-color.htmhttp://www.tutorialspoint.com/css/css_border-left-color.htmhttp://www.tutorialspoint.com/css/css_border-right-color.htmhttp://www.tutorialspoint.com/css/css_border-top-color.htmhttp://www.tutorialspoint.com/css/css_border-bottom-color.htmhttp://www.tutorialspoint.com/css/css_border-left.htmhttp://www.tutorialspoint.com/css/css_border-left-width.htmhttp://www.tutorialspoint.com/css/css_border-right.htmhttp://www.tutorialspoint.com/css/css_border-right-width.htmhttp://www.tutorialspoint.com/css/css_border-spacing.htmhttp://www.tutorialspoint.com/css/css_border-style.htmhttp://www.tutorialspoint.com/css/css_border-top.htmhttp://www.tutorialspoint.com/css/css_border-top-width.htmhttp://www.tutorialspoint.com/css/css_border-width.htmhttp://www.tutorialspoint.com/css/css_bottom.htmhttp://www.tutorialspoint.com/css/css_caption-side.htmhttp://www.tutorialspoint.com/css/css_clear.htmhttp://www.tutorialspoint.com/css/css_clip.htmhttp://www.tutorialspoint.com/css/css_color.htmhttp://www.tutorialspoint.com/css/css_content.htm -
8/12/2019 CSS Quick Guide
19/23
counter-increment 9ncrements a counter by :4 value is a list of counter names, witheach name optionally followed by a value by which it isincremented%
counter-reset Resets a counter to )ero4 value is a list of counter names, witheach name optionally followed by a value to which it is reset%
cue-after ;lays the designated sound after an element is spoken
cue-before ;lays the designated sound before an element is spoken
cursor 3efines shap of the cursor
direction 3efines direction of the flow of an element content
display Controls how an element is displayed
elevation Sets the height at which a sound is played
empty-cells With separate borders, hides empty cells in a table
float 3etermines if an element floats to the left or right, allowing te"tto wrap around it or be displayed inline
font Sets all the font attributes for an element%
-
8/12/2019 CSS Quick Guide
20/23
-
8/12/2019 CSS Quick Guide
21/23
outline-color-style The outline-style property is used to specify the style of theoutline% Aote that, unlike the border property, outline does nottake up e"tra space and it can be non-rectangular%
outline-width The outline-color property is used to specify the color of theoutline% Aote that, unlike the border property, outline does nottake up e"tra space and it can be non-rectangular%
overflow 3etermines how overflow content is rendered
padding 3efines all four padding amounts around an element
padding-bottom 3efines the bottom padding of an element% 3efault value is 5
padding-left 3efines the left padding of an element% 3efault value is 5
padding-right 3efines the right padding of an element% 3efault value is 5
padding-top 3efines the top padding of an element% 3efault value is 5
page $ssociates a named page layout with an element
page-break-after 0orces or suppresses page breaks after an element%
page-break-before 0orces or suppresses page breaks before an element%
page-break-inside Suppresses page breaks within an element
pause The pause property is CSS shorthand for specifying shorthandproperty for specifying pauses in aural media%
pause-after ;auses a media after speaking an element
pause-before ;auses a media before speaking an element
pitch Sets the average pitch of an element's spoken content
pitch-range Sets the range of the pitch, from 5 +flat. to :55 +broad.4 defaultis B5
play-during 9f a /R is provided, it is played during an element's spokencontent % specifying repeat loops the audio4 mix causes it to mi"with, rather than replace, other background audio%
position Sets the positioning model for an element
quotes Sets the quote symbols used to quote te"t
richness Sets the richness of the voice, from 5 +flat. to :55 +mellifluous.4default is B5
right /sed with the position property to place the right edge of anelement%
si)e The si)e property is used in paged media to specify the si)e ofthe page%
speak 3etermines how an element's content is spoken%
http://www.tutorialspoint.com/css/css_outline-style.htmhttp://www.tutorialspoint.com/css/css_outline-width.htmhttp://www.tutorialspoint.com/css/css_overflow.htmhttp://www.tutorialspoint.com/css/css_padding.htmhttp://www.tutorialspoint.com/css/css_padding-bottom.htmhttp://www.tutorialspoint.com/css/css_padding-left.htmhttp://www.tutorialspoint.com/css/css_padding-right.htmhttp://www.tutorialspoint.com/css/css_padding-top.htmhttp://www.tutorialspoint.com/css/css_page.htmhttp://www.tutorialspoint.com/css/css_page-break-after.htmhttp://www.tutorialspoint.com/css/css_page-break-before.htmhttp://www.tutorialspoint.com/css/css_page-break-inside.htmhttp://www.tutorialspoint.com/css/css_pause.htmhttp://www.tutorialspoint.com/css/css_pause-after.htmhttp://www.tutorialspoint.com/css/css_pause-before.htmhttp://www.tutorialspoint.com/css/css_pitch.htmhttp://www.tutorialspoint.com/css/css_pitch-range.htmhttp://www.tutorialspoint.com/css/css_play-during.htmhttp://www.tutorialspoint.com/css/css_position.htmhttp://www.tutorialspoint.com/css/css_quotes.htmhttp://www.tutorialspoint.com/css/css_richness.htmhttp://www.tutorialspoint.com/css/css_right.htmhttp://www.tutorialspoint.com/css/css_size.htmhttp://www.tutorialspoint.com/css/css_speak.htmhttp://www.tutorialspoint.com/css/css_outline-style.htmhttp://www.tutorialspoint.com/css/css_outline-width.htmhttp://www.tutorialspoint.com/css/css_overflow.htmhttp://www.tutorialspoint.com/css/css_padding.htmhttp://www.tutorialspoint.com/css/css_padding-bottom.htmhttp://www.tutorialspoint.com/css/css_padding-left.htmhttp://www.tutorialspoint.com/css/css_padding-right.htmhttp://www.tutorialspoint.com/css/css_padding-top.htmhttp://www.tutorialspoint.com/css/css_page.htmhttp://www.tutorialspoint.com/css/css_page-break-after.htmhttp://www.tutorialspoint.com/css/css_page-break-before.htmhttp://www.tutorialspoint.com/css/css_page-break-inside.htmhttp://www.tutorialspoint.com/css/css_pause.htmhttp://www.tutorialspoint.com/css/css_pause-after.htmhttp://www.tutorialspoint.com/css/css_pause-before.htmhttp://www.tutorialspoint.com/css/css_pitch.htmhttp://www.tutorialspoint.com/css/css_pitch-range.htmhttp://www.tutorialspoint.com/css/css_play-during.htmhttp://www.tutorialspoint.com/css/css_position.htmhttp://www.tutorialspoint.com/css/css_quotes.htmhttp://www.tutorialspoint.com/css/css_richness.htmhttp://www.tutorialspoint.com/css/css_right.htmhttp://www.tutorialspoint.com/css/css_size.htmhttp://www.tutorialspoint.com/css/css_speak.htm -
8/12/2019 CSS Quick Guide
22/23
speak-header 3etermines if table headers are spoken once for each row orcolumn or each time a cell is spoken%
speak-numeral 3etermines how numerals are spoken
speak-punctuation 3etermines if punctuation is spoken or used for inflection
speech-rate Sets the rate of speech4 a number sets the rate in words perminute
stress Sets the stress of the voice, from 5 +catatonic. to :55+hyperactive.4 default is B5%
table-layout 3etermines the table-rendering algorithm
te"t-align Sets the te"t alignment style for an element
te"t-decoration 3efines any decoration for the te"t4 values may be combined
te"t-indent 3efines the indentation of the first line of te"t in an element4default is 5
te"t-shadow Creates te"t drop shadows of varying colors and offsets
te"t-transform Transforms the te"t in the element accordingly
top /sed with the position property to place the top edge of anelement%
vertical-align Sets the vertical positioning of an element
visibility 3etermines if an element is visible in the document or table
voice-family Selects a named voice family to speak an element's content
volume Sets the volume of spoken content4 numeric values range from 5to :55
white-space 3efines how whitespace within an element is handled
widows Sets the minimum number of lines allowed in a widowedparagraph fragment
width 3efines the width of an element
word-spacing 9nserts additional space between words
)-inde" Sets the rendering layer for the current element%
Pseudo-classes & Pseudo-elements:Property Description
#active /se this class to add special effect to an activated element
#focus /se this class to add special effect to an element while the elementhas focus
#hover /se this class to add special effect to an element when you mouseover it
http://www.tutorialspoint.com/css/css_speak-header.htmhttp://www.tutorialspoint.com/css/css_speak-numeral.htmhttp://www.tutorialspoint.com/css/css_speak-punctuation.htmhttp://www.tutorialspoint.com/css/css_speech-rate.htmhttp://www.tutorialspoint.com/css/css_stress.htmhttp://www.tutorialspoint.com/css/css_table-layout.htmhttp://www.tutorialspoint.com/css/css_text-align.htmhttp://www.tutorialspoint.com/css/css_text-decoration.htmhttp://www.tutorialspoint.com/css/css_text-indent.htmhttp://www.tutorialspoint.com/css/css_text-shadow.htmhttp://www.tutorialspoint.com/css/css_text-transform.htmhttp://www.tutorialspoint.com/css/css_top.htmhttp://www.tutorialspoint.com/css/css_vertical-align.htmhttp://www.tutorialspoint.com/css/css_visibility.htmhttp://www.tutorialspoint.com/css/css_voice-family.htmhttp://www.tutorialspoint.com/css/css_volume.htmhttp://www.tutorialspoint.com/css/css_white-space.htmhttp://www.tutorialspoint.com/css/css_widows.htmhttp://www.tutorialspoint.com/css/css_width.htmhttp://www.tutorialspoint.com/css/css_word-spacing.htmhttp://www.tutorialspoint.com/css/css_z-index.htmhttp://www.tutorialspoint.com/css/css_pseudo-class-active.htmhttp://www.tutorialspoint.com/css/css_pseudo-class-focus.htmhttp://www.tutorialspoint.com/css/css_pseudo-class-hover.htmhttp://www.tutorialspoint.com/css/css_speak-header.htmhttp://www.tutorialspoint.com/css/css_speak-numeral.htmhttp://www.tutorialspoint.com/css/css_speak-punctuation.htmhttp://www.tutorialspoint.com/css/css_speech-rate.htmhttp://www.tutorialspoint.com/css/css_stress.htmhttp://www.tutorialspoint.com/css/css_table-layout.htmhttp://www.tutorialspoint.com/css/css_text-align.htmhttp://www.tutorialspoint.com/css/css_text-decoration.htmhttp://www.tutorialspoint.com/css/css_text-indent.htmhttp://www.tutorialspoint.com/css/css_text-shadow.htmhttp://www.tutorialspoint.com/css/css_text-transform.htmhttp://www.tutorialspoint.com/css/css_top.htmhttp://www.tutorialspoint.com/css/css_vertical-align.htmhttp://www.tutorialspoint.com/css/css_visibility.htmhttp://www.tutorialspoint.com/css/css_voice-family.htmhttp://www.tutorialspoint.com/css/css_volume.htmhttp://www.tutorialspoint.com/css/css_white-space.htmhttp://www.tutorialspoint.com/css/css_widows.htmhttp://www.tutorialspoint.com/css/css_width.htmhttp://www.tutorialspoint.com/css/css_word-spacing.htmhttp://www.tutorialspoint.com/css/css_z-index.htmhttp://www.tutorialspoint.com/css/css_pseudo-class-active.htmhttp://www.tutorialspoint.com/css/css_pseudo-class-focus.htmhttp://www.tutorialspoint.com/css/css_pseudo-class-hover.htm -
8/12/2019 CSS Quick Guide
23/23
#link /se this class to add special effect to an unvisited link
#visited /se this class to add special effect to a visited link
#first-child /se this class to add special effect to an element that is the first childof some other element%
#lang /se this class to specify a language to use in a specified element
#first-letter /se this element to add special effect to the first letter of a te"t#first-line /se this element to add special effect to the first line of a te"t
#before /se this element to insert some content before an element
#after /se this element to insert some content after an element
http://www.tutorialspoint.com/css/css_pseudo-class-link.htmhttp://www.tutorialspoint.com/css/css_pseudo-class-visited.htmhttp://www.tutorialspoint.com/css/css_pseudo-class-first-child.htmhttp://www.tutorialspoint.com/css/css_pseudo-class-lang.htmhttp://www.tutorialspoint.com/css/css_pseudo-element-first-letter.htmhttp://www.tutorialspoint.com/css/css_pseudo-element-first-line.htmhttp://www.tutorialspoint.com/css/css_pseudo-element-before.htmhttp://www.tutorialspoint.com/css/css_pseudo-element-before.htmhttp://www.tutorialspoint.com/css/css_pseudo-class-link.htmhttp://www.tutorialspoint.com/css/css_pseudo-class-visited.htmhttp://www.tutorialspoint.com/css/css_pseudo-class-first-child.htmhttp://www.tutorialspoint.com/css/css_pseudo-class-lang.htmhttp://www.tutorialspoint.com/css/css_pseudo-element-first-letter.htmhttp://www.tutorialspoint.com/css/css_pseudo-element-first-line.htmhttp://www.tutorialspoint.com/css/css_pseudo-element-before.htmhttp://www.tutorialspoint.com/css/css_pseudo-element-before.htm