HTML and CSS Reference
In-Depth Information
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.
h1 {text-transform: capitalize;}
h1.nocap {text-transform: none;}
.allsmall {text-transform: lowercase;}
#bigletters {text-transform: uppercase; font-size: larger;}
CSS 1, 2, 3 IE 4+ Netscape 4 (incomplete for Mac), 4.5+, Firefox 1+ Opera 6+, Safari 1+
• The value of none is used to override any inherited text-transform values.
This property defines the y (vertical) coordinate for a positioned element, relative to the top
of the enclosing object or browser window.
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 .
#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;}
CSS 2, 3
IE 4+
Netscape 4+, Firefox 1+
Opera 6+, Safari 1+
Search WWH ::

Custom Search