Text-Justify, Volume, and Other Style Sheet Properties - Text-transform
(Page 2 of 6 )
text-transform
IE 4 NN 4 Moz all Saf all Op all CSS 1
Inherited: Yes
Controls the capitalization of the element’s text. When a value other than none is assigned to this property, the cases of all letters in the source text are arranged by the style sheet, overriding the case of the source text characters.
CSS Syntax
text-transform: caseType | none
Value
A value of none allows the case of the source text to be rendered as-is. Other available constant values are capitalize | lowercase | uppercase. A value of capitalize sets the first character of every word to uppercase. The values lowercase and uppercase render all characters of the element text in their respective cases.
Initial Value non e
Example h2 {text-transform: capitalize}
Applies To All elements .
Object Model Reference
[window.]document.getElementById("elementID").style.textTransform
text-underline-position
IE 5.5 NN n/a Moz n/a Saf n/a Op n/a CSS n/a
Inherited: No
Controls whether an underline (i.e., an element with a text-decoration style set to underline ) is rendered above or below the text. Applicable primarily to Asian languages rendered in vertical columns.
CSS Syntax
text-underline-position: positionType | none
Value
IE 5.5 recognizes two constant values: above | below. IE 6 adds the values auto and auto-pos (which appear to do the same thing). The default value also changed between versions, from below to auto. In IE 6, the auto value underlines vertical Japanese text “above” (to the right) of the characters.
Initial Value none
Example h2 {text-underline-position: above}
Applies To All elements.
Object Model Reference
[window.]document.getElementById("elementID").style.textUnderlinePosition
top
IE 4 NN 4 Moz all Saf all Op all CSS 2
Inherited: No
For positioned elements, this defines the position of the top margin edge of an element relative to the top edge of the next outermost block content container.
CSS Syntax
top: length | percentage | auto
Value
See the discussion about length values at the beginning of this chapter. Negative lengths may be allowed in some contexts, but be sure to test the results on all browsers. You may also specify a percentage value, which is calculated based on the height of the next outermost container. The setting of auto lets the browser determine the top offset of the element box on its naturally flowing offset within the containing box.
Initial Value auto
Example
h1 {position: relative; top:2em}
#logo {position: absolute; left:80px; top:30px}
Applies To Positioned elements.
Object Model Reference
[window.]document.getElementById("elementID").style.top
unicode-bidi
IE 5 NN n/a Moz all Saf all Op 8 CSS 2
Inherited: No
Controls the embedding of bidirectional text (such as a mixture of German and Arabic), in concert with the direction style property.
CSS Syntax
unicode-bidi: embeddingType
Value One of the following constant values: bidi-override | embed | normal.
Initial Value normal
Example div.multiLingual {unicode-bidi: embed}
Applies To All elements.
Object Model Reference
[window.]document.getElementById("elementID").style.unicodeBidi
Next: Vertical-align >>
More DHTML Articles
More By O'Reilly Media
|
 This article is excerpted from chapter four of Dynamic HTML: The Definitive Reference, Third Edition, written by Danny Goodman (O'Reilly; ISBN: 0596527403). Check it out today at your favorite bookstore. Buy this book now.
|
|
/ 5 
