CSS font egenskap

Definition och användning

Font-förkortningsattributet ställer in alla typsnittsegenskaper i en deklaration.

Kommentar:Denna egenskap har också en sjätte värde: "line-height", som kan ställa in radavstånd.

Förklaring

Denna förkortningsattribut används för att en gång sätta två eller fler aspekter av elementets typsnitt. Användning av nyckelord som icon kan lämpligt ställa in elementets typsnitt så att det är enhet med en viss aspekt av användarens datormiljö.Observera att om dessa nyckelord inte används, måste minst storlek och typsnittsserie anges.

Du kan sätta in följande egenskaper i ordning:

Det är möjligt att inte specificera ett värde, t.ex. font:100% verdana; är också tillåtet. Egenskaper som inte specificeras använder sina standardvärden.

Se också:

CSS-lärord:CSS teckensnitt

HTML DOM Referenshandbok:font-attribut

Exempel

Ställ in alla teckenegenskaper i en deklaration:

p.ex1
  {
  font:italic arial,sans-serif;
  }
p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;
  }

Prova själv

CSS-syntax

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Egenskapsvärde

Värde Beskrivning
font-style Bestämmer teckensnittets stil. Se vidare:font-style Möjliga värden.
font-variant Bestämmer teckensnittets variant. Se vidare:font-variant Möjliga värden.
font-weight Bestämmer teckensnittets tjocklek. Se vidare:font-weight Möjliga värden.
font-size/line-height Bestämmer teckenstorlek och radhöjd. Se vidare:font-size och line-height Möjliga värden.
font-family Bestämmer teckenfamilj. Se vidare:font-family Möjliga värden.
caption Definierar teckensnitt som används av rubrikkontroller (t.ex. knappar, rullgardinsmenyer).
icon Definierar teckensnitt som används av ikonmärken.
menu Definierar teckensnitt som används av rullgardinsmenyer.
message-box Definierar teckensnitt som används av dialogrutor.
small-caption En mindre version av caption-teckensnitt.
status-bar Definierar teckensnitt som används av fönsterstatusfältet.

Tekniska detaljer

Standardvärde: inte specificerad
Arvbarhet: ja
Version: CSS1
JavaScript-syntax: object.style.font="italic small-caps bold 12px arial,sans-serif"

TIY-exempel

Alla teckenegenskaper i en deklaration
Detta exempel visar hur du sätter in teckenegenskaper i en deklaration med kortformade egenskaper.
Ställ in stil för paragrafens teckensnitt med "caption"-värdet
Detta exempel visar hur du ställer in stil för paragrafens teckensnitt med "caption"-värdet.

Webbläsarstöd

Tabellens numrer anger den första webbläsare som helt stöder denna egenskap.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5