Web Hosting Vodahost    

Home Take The Royal Tour! Order Now Features Prices
Go Back   Web Hosting > Graphics, Images, Logos Templates & CSS > CSS Cascading Style Sheets

Notices

CSS Cascading Style Sheets All topics and discussions relating to CSS Cascading Style Sheets.

Reply
 
LinkBack Thread Tools
  #1  
Old 09-27-2006, 03:28 PM
FPRob's Avatar
Brigadier General
 
Join Date: Aug 2006
Location: Near some trees
Posts: 1,059
Default CSS Tutorial #2

Using CSS Tutorial #1 one in this section of the forum you can see how CSS commands are constructed. Here is a list of the basic Properties (as briefly covered in Tutorial #1).

Please note, values must also be listed with the properties below. For example Background-color:#000000. Also, not all of the properties are listed here. There are many more but these are the ones you will use most frequently. The others will come along as you get used to using CSS.


Properties for backgrounds
background-color
Will set the background colour.

background-image
Will place an image in the background.

background-position

Will place the background image in a specified position.

background-repeat
If the image is not the same size as the page you can repeat the image (tile).


Properties for text
color
Will set the text color.

letter-spacing
Will alter the distance between each letter.

text-align
For example left right or center.

text-decoration
Allows you to add underline overline blink strike-through etc.

text-transform
Automatically allows for uppercase and lower case adjustments on entire paragraphs.

word-spacing
Allows the white space between entire words to be altered.


Properties for Fonts
font-family
Will set the font type (Arial, Verdana etc).

font-size
Will set the size of the font.

font-style
Will allow for italic, oblique or normal text.

font-weight
Will allow for up to ten different levels of bold text.


Properties for Borders
border
sets a border.

border-left
border-right
border-top
border-bottom

Using any of these will place a border where specified.

border-color
Will set the border color.

border-left-color
Will set the colour of the left border.

border-width
Will set the thickness of the border.

border-right-width
Will set the thickness of the right hand border.


Properties for Margins
margin
Sets the margin width around a page element.

margin-top
margin-bottom
margin-left
margin-right

Hopefully self explanatory ;)


Properties for Padding
Exactly as with Margins but replace the word Margin with the word Padding.
__________________

FPRULES


Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT +1. The time now is 04:19 AM.


Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC7
2007 VodaHost.com - All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54