HTML and CSS Reference
In-Depth Information
Syntax
text-transform: capitalize | lowercase | none | uppercase
A value of
capitalize
will uppercase the initial letter of every space separated word in
the element applied to, while
lowercase
and
uppercase
will force all affected letters
correspondingly. A value of
none
will override any text-transform values that may be
inherited, leaving the text as written in the markup.
Examples
h1 {text-transform: capitalize;}
h1.nocap {text-transform: none;}
.allsmall {text-transform: lowercase;}
#bigletters {text-transform: uppercase; font-size: larger;}
Compatibility
CSS 1, 2, 3 IE 4+ Netscape 4 (incomplete for Mac), 4.5+, Firefox 1+ Opera 6+, Safari 1+
Note
• The value of
none
is used to override any inherited
text-transform
values.
top
This property defines the
y
(vertical) coordinate for a positioned element, relative to the top
of the enclosing object or browser window.
Syntax
top:
length
|
percentage
| auto | inherit
where
length
can be specified in the standard units of length, such as inches (
in
) and so on,
but is nearly always set in pixels (
px
), and
percentage
corresponds to a percentage of the
containing object's dimensions. The default value
auto
lets this property function as
placing the object where it normally would fall in the document flow. For relative position,
this will likely be treated as 0. For absolute and fixed positioning, it will calculate a value
based upon other set properties, particularly
bottom
.
Examples
#div1 {position: absolute; left: 100px; top: 150px;}
#div2 {position: absolute; left: 50%; top: 30%;}
#div3 {position: absolute; left: 10px; bottom: 5px; top: auto;}
/* top will evaluate to a position calculated off the bottom position */
#navBar {position: fixed; left: 0; top: 0;}
Compatibility
CSS 2, 3
IE 4+
Netscape 4+, Firefox 1+
Opera 6+, Safari 1+
