The Web Writer Wizard's Guide til Internet Programmering
Wizband Left

Komplet Kode til Eksemplet med "font-stretch"

<HTML>
<HEAD>
  <TITLE>Egenskaben font-stretch</TITLE>
  <STYLE TYPE="text/css">
    .normal {
      font-stretch:normal;
    }
  </STYLE>
</HEAD>

<BODY>

<H1>Egenskaben "font-stretch"</H1>

<P CLASS="normal">Først ser vi på en række, hvor skriften går fra det smalleste smalle til det
bredeste brede, idet vi bruger værdierne "ultra-condensed"-"ultra-expanded":</P>

<P><SPAN STYLE="font-stretch:ultra-condensed;">Dette er en tekst</SPAN><BR>
<SPAN STYLE="font-stretch:extra-condensed;">Dette er en tekst</SPAN><BR>
<SPAN STYLE="font-stretch:condensed;">Dette er en tekst</SPAN><BR>
<SPAN STYLE="font-stretch:semi-condensed;">Dette er en tekst</SPAN><BR>
<SPAN STYLE="font-stretch:normal;">Dette er en tekst</SPAN><BR>
<SPAN STYLE="font-stretch:semi-expanded;">Dette er en tekst</SPAN><BR>
<SPAN STYLE="font-stretch:expanded;">Dette er en tekst</SPAN><BR>
<SPAN STYLE="font-stretch:extra-expanded;">Dette er en tekst</SPAN><BR>
<SPAN STYLE="font-stretch:ultra-expanded;">Dette er en tekst</SPAN></P>

<P CLASS="normal">Herefter bruger vi værdierne "narrower", "normal", og "wider" til at
gøre skriften smallere eller bredere med:</P>

<P><SPAN STYLE="font-stretch:lighter;">Dette er en tekst</SPAN><BR>
<SPAN STYLE="font-stretch:normal;">Dette er en tekst</SPAN><BR>
<SPAN STYLE="font-stretch:bolder;">Dette er en tekst</SPAN></P>

<P CLASS="normal">Og endelig tilbage til normal igen.<P>

</BODY>
</HTML>

Wizband Right