Przykład
Ustaw rozmiar czcionki dla różnych elementów HTML:
h1 {
font-size: 250%;
}
h2 {
font-size: 200%;
}
p {
font-size: 100%;
}
Spróbuj sam " Definicja i Wykorzystanie
Właściwość font-size ustawia rozmiar czcionki.
| Domyślna wartość: | medium |
|---|---|
| Dziedziczny: | yes |
| Animatable: | yes. Read about animatable Try it |
| Wersja: | CSS1 |
| Składnia JavaScript: | object .style.fontSize="14px" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| font-size | 1,0 | 5,5 | 1,0 | 1,0 | 7,0 |
Składnia CSS
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| medium | Ustawia rozmiar czcionki do średniej wielkości. Jest to domyślny | Graj " |
| xx-small | Ustawia rozmiar czcionki do rozmiaru xx-small | Graj " |
| x-small | Ustawia rozmiar czcionki z dodatkowym małym rozmiarze | Graj " |
| small | Ustawia rozmiar czcionki w małym rozmiarze | Graj " |
| large | Ustawia rozmiar czcionki w dużym rozmiarze | Graj " |
| x-large | Ustawia rozmiar czcionki na bardzo dużym rozmiarze | Graj " |
| xx-large | Ustawia rozmiar czcionki do rozmiaru xx-large | Graj " |
| smaller | Ustawia rozmiar czcionki w mniejszym rozmiarze niż elementu nadrzędnego | Graj " |
| larger | Ustawia rozmiar czcionki do większego rozmiaru niż elementu nadrzędnego | Graj " |
| length | Ustawia rozmiar czcionki na stałą wielkość w pikselach, cm, etc. | Graj " |
| % | Ustawia rozmiar czcionki w procentach rozmiaru czcionki elementu rodzica | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Kurs CSS: CSS czcionki
Odniesienia CSS: font property
HTML DOM referencyjny: fontSize property