Styl fontFamily Property
Voorbeeld
Stel die lettertipe vir 'n element:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Definisie en gebruik
Die fontFamily-eienskap stel of gee 'n lys van font-familiename en/of generiese familiename vir teks in 'n element.
Die blaaier sal die eerste waarde gebruik wat dit herken.
Daar is twee tipes lettertipe-familiewaardes:
- font-familie: Die naam van 'n font-familie, soos "verdana" of "arial"
- generiese-familie: Die naam van 'n generiese lettertipe-familie, soos "serif" of "sans-serif"
Wenk: Spesifiseer altyd 'n generiese familienaam as die laaste alternatief!
Let wel: Skei elke waarde met 'n komma.
Let wel: As 'n lettertipe-familienaam witspasie bevat, moet dit aangehaal word.
Wenk: Kyk na webveilige lettertipes vir algemeen gebruikte lettertipekombinasies.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die fontFamily-eienskap terug:
object.style.fontFamily
Stel die fontFamily-eienskap:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Eiendomswaardes
Value | Description |
---|---|
font1, font2, etc. | A comma-separated list of font-family names and/or generic-family names |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Tegniese besonderhede
Standaard waarde: | nie gespesifiseer nie |
---|---|
Terugkeerwaarde: | 'n String, wat die lettertipenaam van die teks in die element verteenwoordig |
CSS weergawe | CSS1 |
Meer voorbeelde
Voorbeeld
'n Demonstrasie van moontlike waardes:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Voorbeeld
Gee die lettertipe van 'n element terug:
alert(document.getElementById("demo").style.fontFamily);
Verwante bladsye
CSS-tutoriaal: CSS Font
CSS verwysing: font-familie eiendom
HTML DOM verwysing: font eiendom
❮ Stylvoorwerp