22.12.2013 Views

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

normal font.<br />

italic<br />

Specifies a font that is classified as ’italic’ in the UA’s font database, or, if<br />

that is not available, one labeled ’oblique’. Fonts with Italic, Cursive, or<br />

Kursiv in their names will typically be labeled ’italic’.<br />

Example(s):<br />

In this example, normal text in an H1, H2, or H3 element will be displayed with<br />

an italic font. However, emphasized text (EM) within an H1 will appear in a<br />

normal face.<br />

H1, H2, H3 { font-style: italic }<br />

H1 EM { font-style: normal }<br />

’font-variant’<br />

Value: normal | small-caps | inherit<br />

Initial: normal<br />

Applies to: all elements<br />

Inherited: yes<br />

Percentages: N/A<br />

Media: visual<br />

In a small-caps font, the glyphs for lowercase letters look similar to the uppercase<br />

ones, but in a smaller size and with slightly different proportions. The<br />

’font-variant’ property requests such a font for bicameral (having two cases, as<br />

with Latin script). This property has no visible effect for scripts that are unicameral<br />

(having only one case, as with most of the world’s writing systems). Values<br />

have the following meanings:<br />

normal<br />

Specifies a font that is not labeled as a small-caps font.<br />

small-caps<br />

Specifies a font that is labeled as a small-caps font. If a genuine small-caps<br />

font is not available, user agents should simulate a small-caps font, for<br />

example by taking a normal font and replacing the lowercase letters by<br />

scaled uppercase characters. As a last resort, unscaled uppercase letter<br />

glyphs in a normal font may replace glyphs in a small-caps font so that the<br />

text appears in all uppercase letters.<br />

Example(s):<br />

The following example results in an H3 element in small-caps, with emphasized<br />

words (EM) in oblique small-caps:<br />

H3 { font-variant: small-caps }<br />

EM { font-style: oblique }<br />

Insofar as this property causes text to be transformed to uppercase, the same<br />

considerations as for ’text-transform’ apply.<br />

’font-weight’<br />

201

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!