CSS

Font-size

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
x-large
x-small
```
x-large
x-small
2. Przy użyciu jednostek długości (px|mm|cm|in|pt|pc|em|ex)
12px
12pt
```
12px
12pt
Zobacz także [[CSS/Jednostki]]

3. Procent wielkości rodzica

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

4. Wartości względne

smaller - mniejsza od bieżącej</li> larger - większa od bieżącej

smaller normalny larger </li> </ul> 
<div style="border: 1px solid #d0d0d0; background-color: #f0f0f0; padding: 4px;">
<span style="font-size: smaller">smaller</span> normalny <span style="font-size: larger">larger</span>
</div>

<h3>Definiowanie wielkości czcionki dla całej strony</h3>
Aby zdefiniować wielkość czcionki dla wszystkich elementów na stronie należy zdefiniować ją dla elementu [[(x)html/body]].

```css
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

* [[css/font]] - [[css/font-size-adjust]]

Odpowiednik html

* tag [[(x)html/font]] lub [[(x)html/basefont]] z atrybutem [[(x)html/atrybuty/size]] ([[(X)HTML/Deprecated|Przestarzały]])

Wersja specyfikacji

* CSS 1

Wsparcie przeglądarek

* Opera 3.5 * Internet Explorer 3
CSS

0 komentarzy