Vlastnost stylu písma
Příklad
Nastavte písmo pro prvek:
document.getElementById("demo").style.font = "italic bold 20px arial,serif";
Definice a použití
Vlastnost font nastavuje nebo vrací až šest samostatných vlastností písma ve zkrácené formě.
Pomocí této vlastnosti můžete nastavit/vrátit následující (v tomto pořadí):
- styl fontu
- varianta písma
- váha písma
- velikost písma
- výška čáry
- rodina písem
Je vyžadována velikost písma a rodina písem. Pokud jedna z ostatních hodnot chybí, budou vloženy výchozí hodnoty, pokud existují.
Výše uvedené vlastnosti lze také nastavit pomocí samostatných vlastností stylu. Pro nepokročilé autory se pro lepší ovladatelnost důrazně doporučuje použití samostatných vlastností.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
font | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte vlastnost písma:
object.style.font
Nastavte vlastnost fontu:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"
Hodnoty vlastností
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 |
Technické údaje
Výchozí hodnota: | nespecifikováno |
---|---|
Návratová hodnota: | Řetězec představující různé vlastnosti písma prvku |
Verze CSS | CSS1 |
Další příklady
Příklad
Vrátit písmo prvku:
alert(document.getElementById("demo").style.font);
Související stránky
CSS tutoriál: CSS Font
CSS reference: vlastnost fontu
❮ Objekt stylu