Style font egenskab
- Forrige side flexWrap
- Næste side fontFamily
- Tilbage til øverste niveau HTML DOM Style Object
Definering og brug
font
Egenskaben indstilles eller returneres i kort form med op til seks separate skrifttypeegenskaber.
Gennem denne egenskab kan du indstille/returnere følgende indhold (i denne rækkefølge):
font-size og font-family Er nødvendig. Hvis en anden værdi mangler, vil standardværdien blive indsat (hvis den findes).
Disse egenskaber kan også indstilles ved hjælp af separate stilattributter. Det anbefales kraftigt, at ikke-avancerede forfattere bruger separate attributter for bedre kontrol.
Se også:
CSS tutorial:CSS skrift
CSS reference manual:font egenskab
Eksempel
Eksempel 1
Indstil <p> elementets skrifttype:
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
Eksempel 2
Retur <p> elementets skrifttype:
alert(document.getElementById("myP").style.font);
Syntaks
Retur font egenskab:
object.style.font
Indstil font egenskab:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu| message-box|small-caption|status-bar|initial|inherit;"
Attributværdi
Værdi | Beskrivelse |
---|---|
style | Indstil skrifttype stil. |
variant | Sæt teksten til små store bogstaver. |
weight | Indstil skrifttykkelse. |
size | Indstil skriftstørrelse. |
lineHeight | Indstil linjeafstand. |
family | Indstil skrifttype. |
caption | Skrifttype brugt til titelkontroler (f.eks. knapper, dropdown-menuer osv.). |
icon | Skrifttype brugt til at markere ikoner. |
menu | Skrifttype brugt i menuer. |
message-box | Skrifttype brugt i dialoger. |
small-caption | Skrifttype brugt i små kontrolelementer. |
status-bar | Skrifttype brugt i vinduesstatuslinjen. |
initial | Sæt denne egenskab til dens standardværdi. Se initial. |
inherit | Arv denne egenskab fra sin forældrelige element. Se inherit. |
Tekniske detaljer
Standardværdi: | Ikke specificeret |
---|---|
Returværdi: | En streng, der repræsenterer elementets forskellige skrifttypeegenskaber. |
CSS version: | CSS1 |
Browserunderstøttelse
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Understøtter | Understøtter | Understøtter | Understøtter | Understøtter |
- Forrige side flexWrap
- Næste side fontFamily
- Tilbage til øverste niveau HTML DOM Style Object