Property | Description | Possible Values | Examples |
---|---|---|---|
font-family | Declares the name of the font to be used. Previously set in HTML via the face attribute in a <font> tag. | Valid font family names or generic family names, i.e. Arial, Verdana, sans-serif, "Times New Roman", Times, serif, etc.Font family names can be separated by a comma in the same declaration to allow additional and/or generic family names to be used if the prefereed font is unable to be displayed. |
div { font-family:Arial; }div { font-family:Arial, Helvetica, sans-serif; }
|
font-size | Declares the size of the font. Previously set in HTML via thesize attribute in a <font> tag. | Lengths (number and unit type— i.e. 1em, 12pt,10px, 80%) or one of the following predefined values:
xx-small
x-small small medium large x-large xx-large smaller larger |
div { font-size:70%; }div { font-size:0.85em; }
div { font-size:medium; } |
font-size-adjust | Limited browser support: Was part of CSS 2, but not in CSS 2.1. This property may return in CSS 3.Declares the aspect value (font size divided by x-height). | Numeric value |
div { font-size-adjust:0.54; }div { font-size-adjust:0.46; }
|
font-stretch | Limited browser support: Was part of CSS 2, but not in CSS 2.1. This property may return in CSS 3.Declares the stretch of the font face. | normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded |
div { font-stretch:narrower; }div { font-stretch:ultra-expanded; }
|
font-style | Declares the font style. |
normal
italic oblique |
div { font-style:italic; }div { font-style:oblique; }
|
font-variant | Declares the font variant. |
normal
small-caps |
div { font-variant:normal; }div { font-variant:small-caps; }
|
font-weight | Declares the font weight (lightness or boldness) |
normal
bold bolder lighter 100 200 300 400 500 600 700 800 900 |
div { font-weight:bolder; }div { font-weight:200; }
|
font | Used as a shorthand property to declare all of the font properties at once (except font-size-adjust and font-stretch). | Separate values by a space in the following order (those that are not defined will use inherited or default initial values):
font-style
font-variant font-weight font-size line-height font-family |
div { font:italic small-caps bold 1em 1.2em Arial }div { font:bold 0.8em Verdana }
|
23 September 2011
Font Properties
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar