HTML and CSS Reference
In-Depth Information
Compatibility
CSS 2, 3
IE 5+
Netscape 6+, Firefox 1+
Opera 7+, Safari 1+
text-align
This property sets the horizontal alignment of elements.
Syntax
text-align: center | justify | left | right | inherit
where the keyword values align the text of an element appropriately
left
,
right
or
center
.
A value of
justify
will justify text on left or right side depending on document reading
direction. A value of
inherit
will derive this property value from an enclosing parent.
Examples
.goleft {text-align: left;}
p.just {text-align: justify;}
h1.centered {text-align: center;}
Compatibility
CSS 1, 2, 3 IE 3, 4 (no justify), 5+ Netscape 4 (quirky), 6+, Firefox 1+ Opera 4+, Safari 1+
Notes
• The default value for the property will depend on language reading direction, so
left
when it is left to right and
right
when it is right to left.
• This property is similar to the
align
attribute available with (X)HTML block-level
tags such as
<p>
.
• Justification may produce poor results, showing whitespace “rivers” in large text
bodies because of screen resizing.
text-decoration
This property defines or even removes various inline text effects.
Syntax
text-decoration: blink | inherit | line-through | none | overline | underline
where
line-through
presents affected text as struck-thru,
overline
as text with a line
over it,
underline
as underlined text, and
blink
(when supported by a browser) blinks
the text. A value of
inherit
will derive this property value from an enclosing element,
while a value of
none
will override it.
Example
a {text-decoration: none;}
a:visited {text-decoration: line-through;}
a:hover {text-decoration: underline;}