Opis
Właściwość font-size wpływa na rozmiar tekstu elementu.
Możliwa wartość
xx-small - Ustawia tekst elementu na rozmiar mniejszy niż ten, który wynika z wartości x-small.
x-small - Ustawia rozmiar tekstu elementu na mniejszy niż wynikający z wartości small.
small - Ustawia tekst elementu na rozmiar mniejszy niż wynikający z medium wartości.
medium - Ustawia rozmiar tekstu elementu na rozmiar mniejszy niż ten, który wynika z wartości large i większy niż ten, który wynika z wartości small.
large - Ustawia tekst elementu na rozmiar większy niż ten, który wynika z wartości medium.
x-large - Ustawia tekst elementu na rozmiar większy niż ten, który wynika z wartości large.
xx-large - Ustawia tekst elementu na rozmiar większy niż ten, który wynika z wartości x-large.
larger - Ustawia tekst elementu tak, aby był większy niż tekst jego rodzica.
smaller - Ustawia tekst elementu tak, aby był mniejszy niż tekst jego elementu nadrzędnego.
length- Dowolna dozwolona wartość długości. Ujemne wartości długości nie są dozwolone w przypadku rozmiaru czcionki.
percentage - Ustawia rozmiar tekstu elementu względem rozmiaru jego elementu nadrzędnego.
Dotyczy
Wszystkie elementy HTML.
Składnia DOM
object.style.fontSize = "12pt";
Przykład
Oto przykład wykorzystujący tę właściwość -
<html>
<head>
</head>
<body>
<p style = "font-size:20px;">
This font size is 20 pixels
</p>
<p style = "font-size:small;">
This font size is small
</p>
<p style = "font-size:large;">
This font size is large
</p>
</body>
</html>
To da następujący wynik -