Właściwość czcionki stylu
Przykład
Ustaw czcionkę dla elementu:
document.getElementById("demo").style.font = "italic bold 20px arial,serif";
Definicja i użycie
Właściwość czcionki ustawia lub zwraca maksymalnie sześć oddzielnych właściwości czcionki w formie skróconej.
Za pomocą tej właściwości możesz ustawić/zwrócić następujące elementy (w tej kolejności):
- styl czcionki
- wariant-czcionki
- grubość czcionki
- rozmiar czcionki
- Wysokość linii
- rodzina czcionek
Wymagany jest rozmiar czcionki i rodzina czcionek. Jeśli brakuje jednej z pozostałych wartości, zostaną wstawione wartości domyślne, jeśli takie istnieją.
Powyższe właściwości można również ustawić za pomocą oddzielnych właściwości stylu. Stosowanie oddzielnych właściwości jest wysoce zalecane dla początkujących autorów w celu lepszej kontroli.
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
font | Yes | Yes | Yes | Yes | Yes |
Składnia
Zwróć właściwość czcionki:
object.style.font
Ustaw właściwość czcionki:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"
Wartości nieruchomości
Value | Description |
---|---|
style | Sets the font-style |
variant | Sets the text in a small-caps font |
weight | Sets the boldness of the font |
size | Sets the size of the font |
lineHeight | Sets the distance between lines |
family | Sets the font face |
caption | The font used for captioned controls (like buttons, drop-downs, etc.) |
icon | The font used to label icons |
menu | The font used in menus |
message-box | The font used in dialog boxes |
small-caption | The font used in small controls |
status-bar | The font used in window status bars |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | nieokreślony |
---|---|
Wartość zwrotu: | String, reprezentujący różne właściwości czcionki elementu |
Wersja CSS | CSS1 |
Więcej przykładów
Przykład
Zwróć czcionkę elementu:
alert(document.getElementById("demo").style.font);
Powiązane strony
Samouczek CSS: Czcionka CSS
Odniesienie CSS: właściwość czcionki
❮ Obiekt stylu