Przykład
Ustawić czcionkę dla <p> element:
document.getElementById("myP").style.font = "italic bold 20px arial,serif"; Spróbuj sam " Definicja i Wykorzystanie
Zestawy własności czcionki lub powraca do sześciu oddzielnych właściwości czcionki, w skróconej formie.
Dzięki tej właściwości można ustawić / powrócić następujące (w tej kolejności):
- styl czcionki
- font-variant
- grubość czcionki
- rozmiar czcionki
- Wysokość linii
- rodzina czcionek
są wymagane font-size oraz font-family. Jeśli jedna z innymi wartościami brakuje, wartości domyślne zostanie wstawiony, jeśli w ogóle.
Powyższe właściwości można również ustawić z odrębnych właściwości stylu. Zastosowanie oddzielnych właściwości jest wysoce zalecane dla non-zaawansowanych autorów dla lepszej sterowności.
Wsparcie przeglądarka
Właściwość font jest dostępna we wszystkich głównych przeglądarkach.
Składnia
Zwrotu własności 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
| Wartość | Opis |
|---|---|
| style | Ustawia font-style |
| variant | Ustawia tekst w czcionce small-caps |
| weight | Ustawia odwagę czcionki |
| size | Ustawia rozmiar czcionki |
| lineHeight | Ustawia odległość między wierszami |
| family | Ustawia czcionkę |
| caption | Czcionka używana zatytułowane kontroli (like buttons, drop-downs, etc.) |
| icon | Czcionka używana do etykiet ikon |
| menu | Czcionka używana w menu |
| message-box | Czcionka używana w oknach dialogowych |
| small-caption | Czcionka używana w małych kontroli |
| status-bar | Czcionka używana w pasku stanu okna |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć |
Szczegóły techniczne
| Domyślna wartość: | nieokreślony |
|---|---|
| Zwracana wartość: | Ciąg, reprezentujących różne właściwości czcionki elementu |
| Wersja CSS | CSS1 |
Więcej przykładów
Przykład
Powrót czcionkę o <p> element:
alert(document.getElementById("myP").style.font); Spróbuj sam " Podobne strony
Kurs CSS: CSS czcionki
Odniesienie CSS: font property
<Style obiektu