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

Komplet Kode til Eksemplet med "font-size"

<HTML>
<HEAD>
  <TITLE>Egenskaben font-size</TITLE>
  <STYLE TYPE="text/css">
    .normal {
      font-size:medium;
    }
    H1 {
      font-size:125%;
    }
    H1.Stor {
      font-size:1.5em;
    }
  </STYLE>
</HEAD>

<BODY>

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

<H1>Denne Overskrift 1 er 25% større end den normale skriftstørrelse.</H1>

<H1 CLASS="Stor">Denne overskrift 1 er endnu større.</H1>

<P CLASS="normal">Først ser vi på en række, hvor skriften går fra den mindste til den største
størrelse, idet vi bruger de absolutte værdiangivelser:</P>

<P><SPAN STYLE="font-size:xx-small;">font-size:xx-small</SPAN><BR>
<SPAN STYLE="font-size:x-small;">font-size:x-small</SPAN><BR>
<SPAN STYLE="font-size:small;">font-size:small</SPAN><BR>
<SPAN STYLE="font-size:medium;">font-size:medium</SPAN><BR>
<SPAN STYLE="font-size:large;">font-size:large</SPAN><BR>
<SPAN STYLE="font-size:x-large">font-size:x-large</SPAN><BR>
<SPAN STYLE="font-size:xx-large;">font-size:xx-large</SPAN></P>

<P CLASS="normal">Herefter bruger vi værdierne "smaller", "medium" og "larger" til at
gøre skriften mindre eller større med:</P>

<P><SPAN STYLE="font-size:lighter;">font-size:smaller</SPAN><BR>
<SPAN STYLE="font-size:medium;">font-size:medium</SPAN><BR>
<SPAN STYLE="font-size:larger;">font-size:larger</SPAN></P>

<P CLASS="normal">Så prøver vi at angive størrelsen direkte:</P>

<P><SPAN STYLE="font-size:12pt;">font-size:12pt</SPAN><BR>
<SPAN STYLE="font-size:12px;">font-size:12px</SPAN></P>

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

</BODY>
</HTML>

Wizband Right