Atrybut font-size w CSS

Definicja i użycie

Atrybut font-size ustawia rozmiar czcionki.

Wyjaśnienie

Ta właściwość ustawia rozmiar czcionki elementu. Uwaga, faktycznie ustawia wysokość prostokąta znaku czcionki; rzeczywisty kształt znaku może być wyższy lub niższy (zwykle niższy).

Każda kluczowa wartość czcionki musi być wyższa niż wartość minimalna odpowiedniej kluczowej wartości, a mniejsza niż wartość maksymalna następnej kluczowej wartości.

Zobacz również:

Tutorial CSS:CSS czcionki

Podręcznik CSS:Atrybut font w CSS

Podręcznik HTML DOM:Atrybut fontSize

Przykład

Ustawianie różnych rozmiarów elementów HTML:

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

Spróbuj sam

Gramatyka CSS

font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;

Wartość atrybutu

Wartość Opis
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large

Ustawienie rozmiaru czcionki na różne rozmiary, od xx-small do xx-large.

Domyślna wartość: medium.
smaller Ustawienie font-size na mniejszy rozmiar niż element nadrzędny.
larger Ustawienie font-size na większy rozmiar niż element nadrzędny.
length Ustawienie font-size na stałą wartość.
% Ustawienie font-size na procentowej wartości opartej na elemencie nadrzędnym.
inherit Definiuje, że rozmiar czcionki powinien być dziedziczony od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: medium
Inheritance: yes
Wersja: CSS1
Gramatyka JavaScript: object.style.fontSize="larger"

Przykład TIY

Ustawianie rozmiaru czcionki
Ten przykład pokazuje, jak ustawić rozmiar czcionki.

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 7.0