Your Guide to Professional
Web Site Design and Development

HTML Tips
HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

 

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

CSS Tutorial: Cascading Style Sheet Codes Chart - Property Index

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.

Previous

Home



  An Introduction to Cascading Style Sheets
business web design  Creating a Basic HTML Page
business web design  Embedding Cascading Style Sheets
business web design  Using Cascading Style Sheets (CSS) to Specify Web Page Formatting
business web design  Manipulating Bulleted and Numbered Lists with Cascading Style Sheets (CSS)
business web design  Formatting Hyperlinks with Cascading Style Sheets (CSS)
business web design  Creating Tables within a Web Page with Cascading Style Sheets (CSS)
business web design  Cascading Style Sheets (CSS) Classes and ID's
business web design  Cascading Style Sheet Codes Chart - Property Index

Web Development Tutorials

  Cascading Style Sheets Tutorial: An Introduction to Cascading Style Sheets
  JavaScript Tutorial: An Introduction to JavaScript
  Web Development: A step by step guide to developing a successful Internet business
  HTML Codes Chart: Copy and paste HTML codes for your web page
  HTML Tips: Copy and paste special effect HTML codes for your web page
  Web Design Tips: Tips, tricks, and special effect codes for your web page
  JavaScript Code Snippets: Copy and paste special effect JavaScript codes for your web page
  216 Web Safe Color Chart: Hexadecimal and RGB Color Codes for your web page
  ASCII Character Codes Chart: American Standard Code for Information Interchange character codes chart