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.

Closed Thread
 
Thread Tools
  #1  
Old 09-27-2006, 04:28 PM
FPRob's Avatar
Brigadier General
 
Join Date: Aug 2006
Location: Near some trees
Posts: 1,058
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!
Closed Thread


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 Off



All times are GMT +1. The time now is 02:09 AM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC7
2005-2009 VodaHost Web Hosting Your Perfect Web Host - 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 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203