Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]

font-size

OPIS

Styl definiuje wielkość czcionki.

WARTOŚCI

• medium - CSS: 2.1, 2.0, 1.0

standardowy rozmiar, wartość domyślna

• długość wyrażona w [px|mm|cm|in|pt|pc|em|ex] - CSS: 2.1, 2.0, 1.0

wartość dodatnia

• procenty - CSS: 2.1, 2.0, 1.0

wartość wyrażona w procentach

• xx-small | x-small | small | smaller - CSS: 2.1, 2.0, 1.0

małe rozmiary, próbki poniżej

• xx-large | x-large | large | larger - CSS: 2.1, 2.0, 1.0

duże rozmiary, próbki poniżej

• inherit - CSS: 2.1, 2.0

przejęcie wartości "rodzica", np. font-size: inherit;

POZOSTAŁE CECHY

• CSS: 2.1, 2.0, 1.0
• dziedziczony: tak
• odpowiednik HTML: size

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

Przykładowy tekst, w którym pokazane są różne wymiary czcionek:
<br />- <span style="font-size: smaller;">próbka smaller</span>
<br />- <span style="font-size: xx-small;">próbka xx-small</span>
<br />- <span style="font-size: x-small;">próbka x-small</span>
<br />- <span style="font-size: small;">próbka small</span>
<br />- <span style="font-size: larger;">próbka larger</span>
<br />- <span style="font-size: large;">próbka large</span>
<br />- <span style="font-size: x-large;">próbka x-large</span>
<br />- <span style="font-size: xx-large;">próbka xx-large</span>

Przykładowy tekst, w którym pokazane są różne wymiary czcionek:
- próbka smaller
- próbka xx-small
- próbka x-small
- próbka small
- próbka larger
- próbka large
- próbka x-large
- próbka xx-large

• Przykład 1:

<style type="text/css"><!--
body { font-size: 16px; }
.mini { font-size: 12px; }
--></style>