>> English << | česky | PortuguêsZVON > Tutorials > CSS2 tutorial
>> Example 33 << | Prev | Next | Index | Contents

The 'font-stretch' property selects a normal, condensed, or extended face from a font family. Absolute keyword values have the following ordering, from narrowest to widest : 1.ultra-condensed 2.extra-condensed 3.condensed 4.semi-condensed 5.normal 6.semi-expanded 7.expanded 8.extra-expanded 9.ultra-expanded . The relative keyword 'wider' sets the value to the next expanded value above the inherited value ; the relative keyword 'narrower' sets the value to the next condensed value below the inherited value .

XML SourceCSS stylesheetExample link
(1)
     <AAA>
          <ultra-condensed>ultra-condensed</ultra-condensed>
          <extra-condensed>extra-condensed</extra-condensed>
          <condensed>condensed</condensed>
          <semi-condensed>semi-condensed</semi-condensed>
          <normal>normal</normal>
          <semi-expanded>semi-expanded</semi-expanded>
          <expanded>expanded</expanded>
          <extra-expanded>extra-expanded</extra-expanded>
          <ultra-expanded>ultra-expanded</ultra-expanded>
          <wider>wider</wider>
          <narrower>narrower</narrower>
     </AAA>

ultra-condensed {font-stretch: ultra-condensed}
extra-condensed {font-stretch:extra-condensed }
condensed {font-stretch:condensed }
semi-condensed {font-stretch:semi-condensed }
normal {font-stretch:normal }
semi-expanded {font-stretch:semi-expanded }
expanded {font-stretch:expanded }
extra-expanded {font-stretch:extra-expanded }
ultra-expanded {font-stretch:ultra-expanded }
wider {font-stretch:wider}
narrower {font-stretch:narrower}
View output