Share this Page URL

Chapter 11. THE TEXT FAMILY OF PROPERTIE... > The TEXT-TRANSFORM Property - Pg. 113

THE TEXT FAMILY OF PROPERTIES 113 Figure 11-9. The TEXT-INDENT sample code as seen within Netscape Navigator. The same code is interpreted differently in Internet Explorer. In Internet Explorer, the table is flush to the margin of the browser window, and the text within the table is indented 2 inches. Also, it does not render the italic sentence 2 inches away from the rest of the line in which it appears. Internet Explorer is arguably more "correct" when it comes to interpreting the official CSS specification in this regard, but what is important for Web authors to know is that while both Internet Explorer and Netscape Navigator both fully implement this property, they can display the same code in different ways. The TEXT-TRANSFORM Property The TEXT-TRANSFORM property is another of those CSS properties whose name doesn't ade- quately describe its function. Many new users might be forgiven for thinking that perhaps it does something to change or otherwise "transform" the text on the page to something else altogether. While the term is correct in typographical terms, for the layperson, all it really does is control the case (as in "upper" or "lower" case) of the words it encloses. TEXT-TRANSFORM has four different values: CAPITALIZE, LOWERCASE, UPPERCASE and NONE. Each of these values are fairly self- explanatory; they affect the text they enclose in the ways they describe, although it should be said that CAPTALIZE in this case means "initial capitals". TEXT-TRANSFORM Description: Specifies the type of case to be used on the text. CSS Family Type: Text Values: · CAPITALIZE - Sets the initial letter of a word in capital letters. · LOWERCASE - Sets all text to lower case.