Web Shoppe | CSS | CSS Properties

Home | Coding | CSS | CSS Properties

CSS Properties

Below are the most popular CSS tags and their possible properties.

Font & Text

Property	Values	Sample
font-family	family-name, generic-family	{font-family:Verdana, MS Sans Serif}
font-size	point // pixel // percentage	{font-size:12pt}
font-style	normal / italic	{font-style:italic}
font-variant	normal / smallcaps	{font-variant:small-caps}
font-weight	normal / bold	{font-weight:bold}
letter-spacing	normal / pixel	{letter-spacing:2px}
word-spacing	normal / pixel	{word-spacing:5px}
text-decoration	none / underline / overline / line-through	{text-decoration:line-through}
vertical-align	baseline / sub / super / top / text-top / middle / bottom / text-bottom // percent	{vertical-align:sub}
text-transform	capitalize / uppercase / lowercase / none	{text-transform:uppercase}
text-align	left / right / center / justify	{text-align:justify}
text-indent	pixel // percent	{text-indent:20px}
line-height	normal / pixel // percent	{line-height:5px}

Color & Background

Property	Values	Sample
color	color // hexidecimal value	{color:orange}
background-color	color // hexidecimal value / transparent	{background-color:green}
background-image	url / none	{background-image:url(image.jpg)}
background-repeat	repeat / repeat-x / repeat-y / no-repeat	{background-repeat:no-repeat}
background-attachment	scroll / fixed	{background-attachment:fixed}
background-position	top / center / bottom / left / center / right // pixel	{background-position:top center}

Box (table, paragraph, form, etc)

Property	Values	Sample
margin-top	auto / pixel // percentage	{margin-top:5px}
margin-right	auto / pixel // percentage	{margin-right:0px}
margin-bottom	auto / pixel // percentage	{margin-bottom:5%}
margin-left	auto / pixel // percentage	{margin-left:auto}
margin	auto / pixel // percentage	{margin:10px}
padding-top	auto / pixel // percentage	{padding-top:5px}
padding-right	auto / pixel // percentage	{padding-right:0px}
padding-bottom	auto / pixel // percentage	{padding-bottom:5%}
padding-left	auto / pixel // percentage	{padding-left:auto}
padding	auto / pixel // percentage	{padding:10px}
border-width	thin / medium / thick // pixel	{border-width:10px 5px 10px 5px}
border-color	color // hexidecimal value	{border-color:#130919}
border-style	none / solid / double / groove / ridge / inset / outset	{border-style:ridge}
border	border-width / border-color / border-style	{border:thin solid #FFFFFF}
float	none / left / right	{float:none}
clear	none / left / right / both	{clear:left}

Lists

Property	Values	Sample
list-style-type	disk / circle / square / decimal / lower-roman / upper-roman / lower-alpha / upper-alpha / none	{list-style-type:square}
list-style-image	url / none	{list-style-image:url(img.gif)}
list-style-position	inside / outside	{list-style-position:outside}
list-style	type // position // image	{list-style: disk inside url(img.gif)}
display	block / inline / list-item / none	{display: inline}
white-space	normal / pre / nowrap	{white-space: nowrap}

Position

Property	Values	Sample
height	pixel // auto	{height:20px}
width	pixel // auto	{width:20px}
left	pixel // percentage // auto	{left:130px}
top	pixel // percentage // auto	{top:10%}
position	absolute / relative / static	{position:absolute}
overflow	visible / hidden / scroll / auto	{position:scroll}
visibility	visible / hidden / inherit	{visibility:hidden}
z-index	integer	{z-index:1}

Miscellaneous

Property	Values	Sample
a:link, a:active, a:hover, a:visited	various	{color:red; font-weight:bold; text-decoration:none; border:thin solid black}
cursor	auto / crosshair / default / hand / move / e-resize / ne-resize / nw-resize / n-resize / se-resize / sw-resize / s-resize / w-resize / text / wait / help	{cursor:n-resize}

Copyright © 2000-2005 Jessica Decker. Designed by Imbri Web.

about this site
site map
forums
ask a question
link this site

html tutorials
css tutorials
php tutorials
javascript tutorials
htaccess tutorials

graphics design
graphics tutorials
website design
internet copyright

about domains
about web hosting
hosting tutorial
xentrik hosting
ftp tutorials

stats logger
search engines
code generators
button labeller
remote services

font archive
website layouts
website graphics
useful scripts