CSS Properties

 

CSS Properties

Property

Possible Values

Description

background

background-color
background-image
background-repeat
background-attachment
background-position
Sets all background properties

border

border-style
border-color-
border-width-
border-bottom-width
thin
medium
thick
length
color
border-right-width
border-top-width
none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
Controls border properties

clear

left
right
both
none
Prevents a floating element from being placed near the specified edge
of another element.

cursor

url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
Allows you to determine what type of cursor appears on the users screen.

display

none
inline
block
list-item
run-in
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
Determines how an element is displayed, or even if it is displayed.

float

left
right
none
Determines where text or an image will appear within a separate element.

position

static
relative
absolute
fixed
bottom
clip
left
overflow
right
top
vertical-align
z-index
Determines how an element will be positioned.

visibility

visible
hidden
collapse
Determines whether an element is visible, invisible, or collapsed.

height

auto
length
%
Determines the height of an element.

line-height

normal
number
length
%
Determines the space between lines.

max-height

none
length
%
Determines the maximum height of an element.

width

auto
%
length
Determines the maximum width of an element.

max-width

none
length
%
Determines the minimum width of an element.

min-height

length
%
Determines the minimum height of an element.

min-width

length
%

Determines the minimum width of an element.

font

font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar
Determines all font properties.

font-family

family-name
generic-family
Determines fonts that will be used. If a font is not installed on a user’s
computer, the browser will try each font in the font family until one is
found.

font-size

xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%
Determines the size of the font.

font-size-adjustment

none
number
Used to adjust the font size if other elements or factors change the
size of it.

font-style

normal
italic
oblique
Determines the size of the fonts.

font-stretch

normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded
Used to shrink or enlarge the span of the fonts.

font-variant

normal
small-caps
Used to cause fonts to be displayed either as fonts in small capital
letters or in normal letters.

font-weight

normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
Determines the weight or boldness of a font.

content

string
url
counter(name)
counter(name, list-style-type)
counters(name, string)
counters(name, string, list-style-type)
attr(X)
open-quote
close-quote
no-open-quote
no-close-quote
Creates specific content in a document.

quotes

none
string string
Determines the type of quotation marks used.

list-style

list-style-type
list-style-position
list-style-image
Determines the style of a list.

list-style-image

none
url
Determines what image should be used for a list.

list-style-position

inside
outside
Determines whether the list element is on the inside or the outside of
the list item.

list-style-type

none
disc
circle
square
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
hebrew
armenian
georgian
cjk-ideographic
hiragana
katakana
hiragana-iroha
katakana-iroha
Determines the style of a list.

margin

margin-bottom
margin-top
margin-left
margin-right
Used to determine and set margins on the page.

outline

outline-color
outline-style
outline-width
Determines the properties of an outline.

padding

padding-top
padding-right
padding-bottom
padding-left
Sets padding properties.

text

color
direction
line-height
letter-spacing
text-align
text-decoration
text-indent
text-shadow
text-transform
Unicode-bidi
white-space
word-spacing
Determines text properties.

a

:link
:visited
:focus
:hover
:first-child
:lang
:active
Determines link properties.

 

 
This concludes the CSS Properties section. Congratulations on completing the CSS tutorial!