CSS

Font-size

  • 2006-08-02 12:41
  • 0 komentarzy
  • 2791 odsłon
  • Oceń ten tekst jako pierwszy
font-size - definiuje wielkość czcionki dla elementu.

Wielkość czcionki można zadeklarować na 4 sposoby:

1. Przy użyciu stałych
  • xx-small - najmniejsza
  • x-small - mniejsza
  • small - mała
  • medium - średnia
  • large - duża
  • x-large - większa
  • xx-large - największa

<div style="font-size: x-large">x-large</div>
<div style="font-size: x-small">x-small</div>


x-large

x-small


2. Przy użyciu jednostek długości (px|mm|cm|in|pt|pc|em|ex)

<div style="font-size: 12px">12px</div>
<div style="font-size: 12pt">12pt</div>


12px

12pt


Zobacz także Jednostki

3. Procent wielkości rodzica

<div><span style="font-size: 50%">połowa wielkości</span> normalna wielkość <span style="font-size: 200%">dwa razy większa wielkość</span></div>


połowa wielkości normalna wielkość dwa razy większa wielkość



4. Wartości względne
  • smaller - mniejsza od bieżącej
  • larger - większa od bieżącej
<span style="font-size: smaller">smaller</span> normalny <span style="font-size: larger">larger</span>


smaller normalny larger


Definiowanie wielkości czcionki dla całej strony


Aby zdefiniować wielkość czcionki dla wszystkich elementów na stronie należy zdefiniować ją dla elementu body.

body { font-size: 10pt }

lub

<body style="font-size: 10pt">


Dobrym zwyczajem jest zadeklarować odpowiednią wielkość dla elementu body, a w elementach potomnych skalować tylko przy pomocy jednostki em. Zobacz http://riddle.jogger.pl/id/151972

Polecenia pokrewne


Odpowiednik html


Wersja specyfikacji


Wsparcie przeglądarek


  • Opera 3.5
  • Internet Explorer 3