Style font egenskap

Definition och användning

font Egenskapen ställs in eller återges i kortform för högst sex enskilda teckensnittsegenskaper.

Genom denna egenskap kan du ställa in/återställa följande innehåll (i denna ordning):

font-size och font-family är nödvändigt. Om ett annat värde saknas, kommer standardvärdet (om det finns) att läggas till.

Ovanstående egenskaper kan också ställas in med enskilda stilattribut. Det rekommenderas starkt att icke-avancerade författare använder enskilda attribut för att få bättre kontroll.

Se också:

CSS-tutorial:CSS teckensnitt

CSS referenshandbok:font-attribut

Exempel

Exempel 1

Ställ in <p>-elementets teckensnitt:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";

Prova själv

Exempel 2

Returnera <p>-elementets teckensnitt:

alert(document.getElementById("myP").style.font);

Prova själv

Syntaks

Returnera font-attribut:

object.style.font

Ställ in font-attribut:

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ärde

Värde Beskrivning
style Ställ in teckensnittsstil.
variant Sätt texten i små versaler.
weight Ställ in teckensnittets tjocklek.
size Ställ in teckensnittsstorlek.
lineHeight Ställ in radavstånd.
family Ställ in teckensnitt.
caption Teckensnitt som används för rubrikkontroller (t.ex. knappar, rullgardinsmenyer).
icon Teckensnitt som används för att markera ikoner.
menu Teckensnitt som används i menyer.
message-box Teckensnitt som används i dialogrutor.
small-caption Teckensnitt som används i små kontroller.
status-bar Teckensnitt som används i fönsterstatusfältet.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Följ denna egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: Inte specificerat
Returvärde: En sträng som representerar elementets olika teckengenomgångsattribut.
CSS-version: CSS1

Browserversioner

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer Stödjer Stödjer Stödjer Stödjer