for the search, my way to preload images! haha

Guide Categories

Website Tutorials

Coding Tutorials

Image Tutorials

Recipes

Entertainment Reviews

Home Remedies

Game Codes and Cheats

Jokes



Search for in

CSS Elements

CSS Coding Tutorials | Submited Nov 17, 2007

Written by: John

This will display the different properties and values you can put between the brackets "{}" of your stylesheet.

Property Name


Values | seperared by the "|"

font-style


normal | italic | oblique

font-variant


small-caps | normal

font-weight


normal | lighter | bold | bolder

font-size


smaller | larger | xx-small | x-small | small | medium | large | x-large | xx-large | *number*pt | *number*em | *number*px

color


HEX code | color name

word-spacing


normal | *number*px

line-height


normal | *number*px | *percentage*

letter-spacing


normal | *number*px

text-decoration


none | underline | overline | line-through | blink *not supported by IE*

text-transform


none | capitalize | uppercase | lowercase

text-align


left | center | right | justify

text-indent


*number*pt | *number*em | *number*px

direction


ltr | rtl

white-space


pre | nowrap

position


absolute | relative | static | fixed

top


*number*pt | *number*em | *number*px | *percentage*

left


*number*pt | *number*em | *number*px | *percentage*

bottom


*number*pt | *number*em | *number*px | *percentage*

right


*number*pt | *number*em | *number*px | *percentage*

overflow


visible | auto | none | scroll | hidden

width


auto | *number*em | *number*px | *percentage*

height


auto | *number*em | *number*px

visibility


visible | inherit | hide | hidden | show

cursor


auto | crosshair | hand | pointer | move | n-resize | ne-resize | e-resize | se-resize | s-resize | sw-resize | w-resize | nw-resize | text | wait | help

padding | border-width | margin


*in order you can can change the padding, border and margin on all every side by the following pattern in px's, em's and percentages* | top right bottom left

border-color


HEX color code | color name | transparent | inherit

border-style


solid | dashed | dotted | double | groove | ridge | inset | outset | none

border-width


*number*px | *number*em | *percentage*

background-image


none | url("url_to_image")

background-repeat


no-repeat | repeat | repeat-x | repeat-y

background-attachment


fixed | scroll

background-position


top | center | right | bottom | left | *percentage*

background-color


HEX color code | color name | transparent

display


block | inline | list-item | table | table-cell | table-row | none

clear


left | right | none | both

float


left | right | none

tags Tags: CSS properties values Selectors

2Thumbs up  Thumbs down0

Related Tutorials
Style Tags
Understanding CSS
CSS Elements
Text editing
Additional CSS codes for Skem Layouts
Blog Customizing
MySpace selectors
Skem9 CSS Pop-ups
CSS Borders
How to get Header images in a Friendster Layout
1 Comments
  The Guinness Wench ~ 07/14/08, 5:13pm
Picture..
OK... hopefully Brandon or someone else can help me with this because its driving me freakin' CRAZY!! I just want to center (<center>, bold some text (<b>), and skip a line (<p> in html terms) for my Skem9 profile. This is not for the customize profile where all the background codes are, but in the actual 'edit profile' where we add our own pics, lists, etc. I admit, I don't have the time and am too lazy to learn a whole new world of code (CSS?) just for a couple of steps. I was FINALLY feeling pretty comfortable, darn pleased with myself for at least learning the basics of HTML. Can someone help just listing the basics so I don't have crap all jumbled up on my profile?
[whip]

1 


Sorry, you have to be a member to comment tutorials