Text and Fonts


Sets the fonts, colors, positioning, and other styles for the text elements.

Tip

Links can use all the same properties as other text elements, but you need to remember the link types:

  • a:link

  • a:visited

  • a:active

  • a:hover


font-family

Usage

Sets the font to be used.

Values

<family name> The name of the font family (such as Arial) as it appears in your editor.

<generic family> Sets a generic font set dependent on the user's computer (such as, serif, sans-serif, cursive, fantasy, and monospace).

inherit The same as the parent element.

Initial Value

Depends on the browser setting.


Tip

Because not all computer systems ship with the same fonts, there are only a few sure-fire fonts worth specifying:

  • Arial

  • Arial Black

  • Comic Sans

  • Courier New

  • Georgia

  • Impact

  • Times New Roman

  • Trebuchet

  • Verdana


font-size

Usage

Sets the font size.

Values

<absolute-size> The size of the font expressed in points (pt), inches (in), centimeters (cm), pixels (px), or one of the absolute keywords (xx-small, x-small, small, medium, large, x-large, xx-large, smaller, or larger) which determines the size of the font relative to the default value.

inherit The same as the parent element.

Initial Value

medium; typically 12 points.


font-style

Usage

Sets the style of the font.

Values

normal No special format to the font.

italic The font appears in italics.

inherit The same as the parent element.

Initial Value

normal.


font-weight

Usage

Sets the weight of the font.

Values

<weight> The weight of the font may be extra-light, light, demi-light, medium, normal, demi-bold, bold, or exTRa-bold.

<relative-weight> The weight of the font may be relative to some inherited value (for example, bolder or lighter)

100900 The weight of the font as a specific numerical value, where 400 is approximately the same as normal and 700 is approximately the same as bold.

inherit The same as the parent element.

Initial Value

normal.


font-variant

Usage

Changes the appearance of the font.

Values

small-caps TRansforms all text into small caps.

inherit The same as the parent element.

Initial Value

normal.


text-decoration

Usage

Sets the format of the text element.

Values

underline A line appears under the text.

overline A line appears over the text.

line-through A line appears horizontally through the center of the text.

blink The text blinks.

inherit The same as the parent element.

Initial Value

none (or underline for links).


text-transform

Usage

Sets the format of the text element.

Values

capitalize transforms the case of the first letter of every word to uppercase.

uppercase All text appears uppercase.

lowercase All text appears lowercase.

inherit The same as the parent element.

Initial Value

none.




Sams Teach Yourself HTML in 10 Minutes
Sams Teach Yourself HTML in 10 Minutes (4th Edition)
ISBN: 067232878X
EAN: 2147483647
Year: 2004
Pages: 151
Authors: Deidre Hayes

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net