Cascading Style Sheets 20 Programmer's Reference in VS .NET

Make QR Code JIS X 0510 in VS .NET Cascading Style Sheets 20 Programmer's Reference

imgfigure {float: right;} paside {float: left; width: 25%;}

Summary

Value Syntax [ [ <font-style> || <font-variant> || <font-weight> ] <font-size> [ / <line-height> ] <font-family> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit Initial Value not defined for shorthand properties Percentages allowed on <font-size> and <line-height>; refer to font-size of parent element Inherited yes Applies to all elements Media Groups visual

<font-style> Any permitted value for the property font-style (see font-style for more details) <font-variant> Any permitted value for the property font-variant (see font-variant for more details) <font-weight> Any permitted value for the property font-weight (see font-weight for more details) <font-size> Any permitted value for the property font-size (see font-size for more details) <line-height> Any permitted value for the property line-height (see line-height for more details) <font-family> Any permitted value for the property font-family (see font-family for more details) caption The font used by the operating system for captioned controls (eg, buttons and drop-down menus) This is one of the system font values icon The font used by the operating system to label icons This is one of the system font values menu The font used by the operating system in menus (eg, drop-down menus and menu lists) This is one of the system font values message-box The font used by the operating system within dialog boxes (eg, warning dialogs) This is one of the system font values small-caption The font used by the operating system to label small controls This is one of the system font values status-bar

Cascading Style Sheets 20 Programmer's Reference The font used by the operating system in window status bars This is one of the system font values System font keywords must be declared alone If the author wishes to change the Note appearance of the element s text when employing a system font, this must be done with the more specific font properties (eg, font-size) If the author does use a system font keyword, then the bare minimum value for font is the <fontsize> and <font-family> keywords All font values which do not involve system fonts and do not include a <line-height> keyword must end with the <font-size> and <font-family> keywords, in that order Any keyword values which are not given in the font declaration cause the corresponding properties to be reset to their default values Thus, if the keyword <font-style> is omitted, then the property font-style is set to its default value, normal The properties font-size-adjust and fontstretch cannot be provided in a font declaration, and must be declared separately However, use of the property font will still reset the values of font-size-adjust and font-stretch to their defaults The system font values are not well supported as of this writing, but this is expected to change rapidly One area to watch is support for line-height (see the entry later in this chapter for more details)

h1 {font: bold italic small-caps 250%/12 sans-serif;} pre {font: 1em Courier, "Courier New", Mishawka, monospace;} divfooter {font: italic smaller/08em Times, TimesNR, serif;} divdialog {font: message-box;}

font-family, font-size, font-style, font-variant, font-weight, line-height font-family font-family allows the author to provide a comma-separated list of specific font families, plus a generic type of font family, to be used in the rendering of an element s text

Summary

Value Syntax [[ <family-name> | <generic-family> ],]* [ <family-name> | <generic-family>] | inherit Initial Value UA dependent Percentages n/a Inherited yes Applies to all elements Media Groups visual

<family-name> The name of a specific font (eg, Times, Helvetica, or Arial) Font names which contain whitespace should be quoted, using either single- or double-quotation marks If the font name is not quoted, then any sequence of whitespace characters within the font name will be converted to a single space, and

Cascading Style Sheets 20 Programmer's Reference any leading or trailing whitespace in the font name will be ignored Technically, font names which do not contain whitespace can be quoted, but this is not recommended, as it can confuse some user agents <generic-family> One of five defined generic font family keywords: serif, sans-serif, monospace, cursive, and fantasy The generic-family keywords cannot be quoted The user agent must maintain a list of specific fonts for each generic family, and will select a font for use from among that list Of the five generic-family keywords, two are problematic: cursive and fantasy Because most cursive fonts render fairly badly on computer monitors, many systems do not have any cursive fonts available Even if a cursive font is available, it will generally make the document s legibility very poor, so caution should be used in the employment of cursive fonts On the other side of the coin, fantasy tends to mean "any font which does not fit into the other four generic families" The potentially infinite variability of fantasy fonts some may be "symbol" or "dingbat" fonts, while others may represent invented languages such as Klingon, and still others may simply be too "arty" to read means that no two systems are likely to map fantasy to the same font (This problem exists, to a lesser degree, with cursive fonts, which tend to be very different from one another) These factors make fantasy almost unusable in the real world, and extreme caution should be exercised in its use See 1 for more details on font selection in CSS Note When rendering an element s text, the user agent will attempt to use the fonts in the order in which they are provided Thus, given the value Times, Adams, serif, a user agent will first attempt to use Times If Times is not available, or if it does not contain the needed character, then the user agent will attempt to use Adams If Adams is either unsuitable or unavailable, then the user agent will go to the last entry on the list, which directs it to use any available serif font If the generic family has been omitted from the value, then the user agent would have been forced to use its default font (generally set by the user in a preferences dialog) Note that specific fonts do not have to fall into the same generic family It is perfectly legal to specify Times, Helvetica, Courier, and "Minion Web" in the same fontfamily value Because of the possibility that a given user agent will not have the specific fonts requested, authors are strongly encouraged to provide a last-ditch fallback in the form of a generic-family keyword at the end of every font-family value It is possible to place generic-family keywords at any point in a font-family value However, since the presence of a generic-family keyword will often lead to the selection of some available font, any specific fonts listed after a generic-family keyword will likely never be chosen It can be useful to provide multiple generic-family keywords at the end of a font-family value, especially if the preferred generic family is an uncommon type such as cursive