Styl lettertipe Eiendom
Voorbeeld
Stel die lettertipe vir 'n element:
document.getElementById("demo").style.font = "italic bold 20px arial,serif";
Definisie en gebruik
Die lettertipe-eienskap stel of gee tot ses afsonderlike lettertipe-eienskappe terug, in 'n snelskrifvorm.
Met hierdie eiendom kan jy die volgende stel/terugstuur (in hierdie volgorde):
- lettertipe-styl
- font-variant
- font-gewig
- skrifgrootte
- lyn hoogte
- Font familie
Die lettergrootte en lettertipe-familie word vereis. As een van die ander waardes ontbreek, sal die verstekwaardes ingevoeg word, indien enige.
Die eienskappe hierbo kan ook gestel word met aparte styl eienskappe. Die gebruik van aparte eienskappe word sterk aanbeveel vir nie-gevorderde skrywers vir beter beheerbaarheid.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
font | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die lettertipe-eienskap terug:
object.style.font
Stel die lettertipe-eienskap:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"
Eiendomswaardes
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 |
Tegniese besonderhede
Standaard waarde: | nie gespesifiseer nie |
---|---|
Terugkeerwaarde: | 'n String wat verskillende lettertipe-eienskappe van die element voorstel |
CSS weergawe | CSS1 |
Meer voorbeelde
Voorbeeld
Gee die lettertipe van 'n element terug:
alert(document.getElementById("demo").style.font);
Verwante bladsye
CSS-tutoriaal: CSS Font
CSS verwysing: font eiendom
❮ Stylvoorwerp