css quick guide

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.


2/23

right-side

background Values from compositeproperties.

Composite property for the followingproperties

background-attachment

background-color

background-image

background-position

background-repeat


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-


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


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.


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


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


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/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


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


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


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.


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


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


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


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


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


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


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


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


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%


20/23


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


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


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

css quick guide

Documents