Loading...
 

CSS Properties

CSS Guide  »  CSS Guide  »  CSS Properties
Name of
Property		 Rule syntax

 

 Possible values
font-family {font-family:} (specify) or [serif, sans-serif, cursive, fantasy, monospace]

 

 
font-style {font-style:} normal, italic
font-weight {font-weight:} normal, bold, 100, 200, 300, 400, 500, 600, 700, 800, 900

 

 
font-size {font-size:} , , ,

 

 
font $
 {font:} , , ,

 

 
Color and Background
Name of
Property		 Rule syntax Possible values

 
color {color:}

background-color {background-color:}

background-image {background-image:url()} URL (relative or absolute path)
background$
 {background:} (i.e., )

 
Text properties
Name of
Property		 Rule syntax Possible values

 
Text-decoration {text-decoration:} underline, line-through
text-transform {text-transform:} capitalize, uppercase, lowercase, none
text-align {text-align:} left, right, center, justify
text-indent {text-indent:} ,
Box properties

 
Name of
Property		 Rule syntax Possible values
margin $

 

 

 {margin:} , , auto(sequence:t r b l)
margin-top

 

 {margin-top:} , , auto
Margin-right

 

 {margin-right:} , , auto
margin-bottom

 

 

 {margin-bottom:} , , auto
margin-left {margin-left:} , , auto
padding $
 {padding:} , , (sequence:t r b l)
padding-top
 {padding-top:} ,

 

 
padding-right
 {padding-right:} ,

 

 
padding-bottom
 {padding-bottom:} ,

 

 
padding-left
 {padding-left:} ,

 

 
border-color
 {border-color:}

 

 
border-style
 {border-style:} solid, double, groove, ridge, inset, outset

 

 
border $
 {border:} , ,

 

 
Block-level and Replaced Elements
width {width:} , , auto

 
height {height:} , auto
float {float:} left, right
clear {clear:} none, left, right
Position (CSS – P)
Name of
Property		 Rule syntax Possible values
position {position:} absolute, relative
top

 

 {top:} , , auto
left

 

 {left:} , , auto
visibility

 

 {visibility:} hidden, visible, inherit
z-index {z-index:}

 

 , auto
overflow {overflow:} visible, hidden, auto

 

$ = Shorthand Property