Właściwość stylu czcionki
- Poprzednia strona flexWrap
- Następna strona fontFamily
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM
Definicja i użycie
font Właściwości są ustawiane lub zwracane w skróconej formie, maksymalnie sześć osobnych właściwości czcionki.
Poprzez tę właściwość, możesz ustawić/zwrócić następujące zawartość (w tej kolejności):
font-size i font-family Jest wymagany. Jeśli brakuje jednej z innych wartości, zostanie wstawiona wartość domyślna (jeśli istnieje).
Powyższe atrybuty można również ustawić za pomocą osobnych atrybutów stylu. Szczerze polecam użytkownikom niezaawansowanym użycie osobnych atrybutów, aby uzyskać lepszą kontrolę.
Zobacz również:
CSS Tutorial:CSS czcionki
CSS Księga Podręczna:Atrybut font
Przykład
Przykład 1
Ustawienie czcionki elementu <p>:
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
Przykład 2
Zwrócona wartość czcionki elementu <p>:
alert(document.getElementById("myP").style.font);
Gramatyka
Zwrócenie atrybutu font:
object.style.font
Ustawienie atrybutu font:
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ść atrybutu
| Wartość | Opis |
|---|---|
| style | Ustawienie stylu czcionki. |
| variant | Ustawienie tekstu w małym caps. |
| weight | Ustawienie grubości czcionki. |
| size | Ustawienie rozmiaru czcionki. |
| lineHeight | Ustawienie odległości między wierszami. |
| family | Ustawienie czcionki. |
| caption | Czcionka używana w kontrolkach tytułowych (np. przyciski, rozwijane menu itp.). |
| icon | Czcionka używana do oznaczania ikon. |
| menu | Czcionka używana w menu. |
| message-box | Czcionka używana w oknach dialogowych. |
| small-caption | Czcionka używana w małych kontrolkach. |
| status-bar | Czcionka używana w pasku stanu okna. |
| initial | Ustaw tę właściwość na jej wartość domyślną. Zobacz initial. |
| inherit | Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz inherit. |
Szczegóły techniczne
| Domyślna wartość: | Nie określono |
|---|---|
| Zwrócona wartość: | Ciąg znaków, który reprezentuje różne atrybuty czcionki elementu. |
| Wersja CSS: | CSS1 |
Obsługa przeglądarek
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Obsługiwane | Obsługiwane | Obsługiwane | Obsługiwane | Obsługiwane |
- Poprzednia strona flexWrap
- Następna strona fontFamily
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM
