Tuesday, September 1, 2009

Formatting

Text Align

Inherit - Centre - Justify - Left - Right

p {
text-align:justify;
}



Text Decoration

blink - inherit - line-through - none - overline - underline - can combine
used mostly for hyperlink elements


p {
text-align:justify;
text decoration:overline underline;
}
a {
text-decoration:none;
}

/style>
/head>

body>
a href="#">link /a>

/body>

TIP - links preferred to have underline as users are used to them


Letter spacing - allows to control the spacing between the letters - works by allowing to enter length value - in addition to the default value -

letter-spacing:1em; - in addition to default value

can also specify negative values -

letter-spacing:-.1em;

for default value -

letter-spacing:normal;

WORD SPACING
- increases or decreases the spacing between words - can be affected by text-align:justify

word-spacing:1em;

TEXT TRANSFORM - alters how the text would appear in normal flow of doc - changes whether letters are upper or lower case

text-transform:lowercase; - reverts everything to lowercase

text-transform:capitalize; - makes first letter of every word a capital

Determination of what is a "word to capitalize" depends on the browser
currently after a space

text-transform:uppercase; - makes everything uppercase
text-transform:none;
text-transform:inherit;

No comments:

Post a Comment