Atrybut font w CSS

Definicja i użycie

Atrybut uproszczonej czcionki font ustawia wszystkie atrybuty czcionki w jednym deklaracji.

Komentarz:Ten atrybut ma również szóstą wartość: "line-height", która pozwala ustawić odległość między wierszami.

Wyjaśnienie

Ten uproszczony atrybut służy do jednoczesnego ustawienia dwóch lub więcej aspektów czcionki elementu. Użycie kluczowych słów takich jak icon pozwala odpowiednio ustawić czcionkę elementu, aby była zgodna z pewnym aspektem środowiska komputerowego użytkownika. Uwaga, jeśli nie używa się tych słów, przynajmniej należy określić rozmiar czcionki i rodzinę czcionek.

可以按顺序设置如下属性：

Można ustawiać następujące atrybuty w kolejności:

Można pominąć jedną z wartości, na przykład font:100% verdana; jest to również dozwolone. Nieustawione atrybuty będą używać wartości domyślnej.

Inne zasoby:Czcionki CSS

Podręcznik CSSPodręcznik HTML DOM

Atrybut font

Przykład

Ustawienie wszystkich atrybutów czcionki w jednym deklaracji:
  p.ex2
  p.ex1
  font:italic bold 12px/20px arial,sans-serif;
font:italic arial,sans-serif;
  p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;

}

Spróbuj sam

Gramatyka CSS Określa styl czcionki. Zobacz: Określa odmianę czcionki. Zobacz: Określa grubość czcionki. Zobacz: Określa rozmiar czcionki i wysokość wiersza. Zobacz:font:i font-family/

|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Wartość atrybutu Wartość
Określa styl czcionki. Zobacz: OpisOkreśla styl czcionki. Zobacz: możliwe wartości.
Określa odmianę czcionki. Zobacz: font-styleOkreśla odmianę czcionki. Zobacz: możliwe wartości.
Określa grubość czcionki. Zobacz: font-variantOkreśla grubość czcionki. Zobacz: możliwe wartości.
font-weight font-size/line-heightOkreśla rozmiar czcionki i wysokość wiersza. Zobacz: font-size i możliwe wartości.
font-family Określa rodzinę czcionek. Zobacz:font-family możliwe wartości.
caption Definiuje czcionkę używaną przez kontrolki tytułowe (np. przyciski, listwy rozwijane itp.).
icon Definiuje czcionkę używaną przez ikony.
menu Definiuje czcionkę używaną przez listwy rozwijane.
message-box Definiuje czcionkę używaną przez okna dialogowe.
small-caption Mała wersja czcionki "caption".
status-bar Definiuje czcionkę używaną przez paski stanu okna.

Szczegóły techniczne

Domyślna wartość: nie określono
Inheredność: yes
Wersja: CSS1
Język JavaScript: object.style.font="italic small-caps bold 12px arial,sans-serif"

Przykład TIY

Wszystkie atrybuty czcionki w jednym deklaracji
Ten przykład pokazuje, jak ustawić atrybuty czcionki w jednym deklaracji używając skróconych atrybutów.
Ustawienie czcionki akapitu za pomocą wartości "caption"
Ten przykład pokazuje, jak ustawić czcionkę akapitu używając wartości "caption".

Obsługa przeglądarki

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 4.0 1.0 1.0 3.5