Saturday, September 5, 2009

Formatting

Text-align
* Can be used to make your site look more professional, e.g. by using the justify value.
* Other values for this property include left, right, inherit and center.

Text-decoration
* Used mostly when formatting hyperlink elements.
* Has values such as overline, underling and line-through.
* You can combine your text-decoration values, e.g. p {text-decoration:overline underline;}
* Be careful if you remove the underline from a hyperlink as the everyday user is used to seeing it there and might not recognise the object as a hyperlink if it is removed.

Letter-spacing
* This property works by allowing us to enter a length value IN ADDITION to the default value of spacing between letters.
* The value can be a positive amount to increase spacing, or a negative amount to decrease spacing.
* If you want to return to the default amount simply use the value {letter-spacing:normal;}

Word-spacing
* This works in a similar way to letter-spacing in that you can have both positive and negative values.
* However be aware that the letter-spacing and word-spacing properties CAN be affected by the {text-align:justify;} property - it depends on the user agent/browser.

Text-transform
* This property allows us to alter how the text would appear in the normal flow of the document.
* It has a number of values, including capitalize, inherit, uppercase, lowercase and none.
* Capitalize means make the first letter of every word a capital, however this is dependant on how a browser determines what is and isn't a word and this may vary from browser to browser.

No comments:

Post a Comment