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

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

1. ultra-condensed<br />

2. extra-condensed<br />

3. condensed<br />

4. semi-condensed<br />

5. normal<br />

6. semi-expanded<br />

7. expanded<br />

8. extra-expanded<br />

9. ultra-expanded<br />

The relative keyword ’wider’ sets the value to the next expanded value above<br />

the inherited value (while not increasing it above ’ultra-expanded’); the relative<br />

keyword ’narrower’ sets the value to the next condensed value below the inherited<br />

value (while not decreasing it below ’ultra-condensed’).<br />

15.2.4 Font size: the ’font-size’ and ’font-size-adjust’<br />

properties<br />

’font-size’<br />

Value: | | | |<br />

inherit<br />

Initial: medium<br />

Applies to: all elements<br />

Inherited: yes, the computed value is inherited<br />

Percentages: refer to parent element’s font size<br />

Media: visual<br />

This property describes the size of the font when set solid. Values have the<br />

following meanings:<br />

<br />

An keyword refers to an entry in a table of font sizes<br />

computed and kept by the user agent. Possible values are:<br />

[ xx-small | x-small | small | medium | large | x-large | xx-large ]<br />

On a computer screen a scaling factor of 1.2 is suggested between adjacent<br />

indexes; if the ’medium’ font is 12pt, the ’large’ font could be 14.4pt.<br />

Different <strong>media</strong> may need different scaling factors. Also, the user agent<br />

should take the quality and availability of fonts into account when computing<br />

the table. The table may be different from one font family to another.<br />

Note. In CSS1, the suggested scaling factor between adjacent indexes<br />

was 1.5 which user experience proved to be too large.<br />

<br />

A keyword is interpreted relative to the table of font sizes and<br />

the font size of the parent element. Possible values are:<br />

[ larger | smaller ]<br />

For example, if the parent element has a font size of ’medium’, a value of<br />

’larger’ will make the font size of the current element be ’large’. If the parent<br />

element’s size is not close to a table entry, the user agent is free to interpo-<br />

203

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

Saved successfully!

Ooh no, something went wrong!