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. |
|