Prev | Current Page 126 | Next

Charles Wyke-Smith

"Stylin' with CSS: A Designer's Guide 2nd Edition"

23 Text-transform lets you
add newspaper-style headline formatting
to text.
capitalize capitalizes the ?¬? rst letter of every word. This emulates
the style of many headlines in ads, newspapers, and magazines,
except that a human applying such styling tends to leave the
capitalization off minor words such as ???of,??? ???as,??? and ???and,??? as in
???Tom and Jerry Go to Vegas.??? CSS capitalization simply produces
???Tom And Jerry Go To Vegas.??? However, it??™s a nice effect for headlines,
and if your content is coming from a database or another
source such as XML, you can achieve this effect without touching
the markup.
Use font-variant if you want large and small caps. Think also about
tightening up the visual appearance with a small negative letterspacing
value (see ???Letter-Spacing Property??? earlier in this chapter).
Vertical-Align Property
Example: vertical-align:60%
Values: any length value, sub, sup, top, middle, bottom
vertical-align moves text up or down with respect to the baseline.
As this example demonstrates, one of the most common uses is for
superscript and subscript numbers in formulas and mathematical
expressions, such as x4??“y-5 or N3O. It??™s also the correct way to style
asterisks and other markers within text to indicate footnotes. I don??™t
like the way most browser style sub- and superscripts by default??”
the font size is too large and too high (or low, for subscript) for my
liking.


Pages:
114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138