CSS font egenskab

Definition og brug

Font kortformet egenskab sætter alle skrifttypeegenskaber i en erklæring.

Kommentar:Denne egenskab har også den sjette værdi: "line-height", som kan indstille linieafstanden.

Beskrivelse

Denne kortformet egenskab bruges til at indstille to eller flere aspekter af elementets skrifttype på én gang. Brug af nøgleord som icon kan passende indstille elementets skrifttype, så den er ens med et aspekt af brugerens computermiljø. Bemærk, at hvis disse nøgleord ikke bruges, skal mindst størrelsen på skrifttypen og skriftsætningen specificeres.

Du kan indstille følgende egenskaber i rækkefølge:

Du kan undlade at angive en værdi, f.eks. font:100% verdana; er også tilladt. Ikke angivne egenskaber bruger deres standardværdi.

Se også:

CSS-tutorial:CSS skrift

HTML DOM referencehåndbog:font-egenskaben

Eksempel

Indstil alle fontegenskaber i én deklaration:

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

Prøv det selv

CSS-syntaks

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

Egenskabsværdi

Værdi Beskrivelse
font-style Bestemmer skriftstil. Se også:font-style mulige værdier.
font-variant Bestemmer skriftvariant. Se også:font-variant mulige værdier.
font-weight Bestemmer skrifttykkelse. Se også:font-weight mulige værdier.
font-size/line-height Bestemmer skriftstørrelse og linjeafstand. Se også:font-size og line-height mulige værdier.
font-family Bestemmer typografisystemet. Se også:font-family mulige værdier.
caption Definerer typografien, der bruges af titelkontroller (f.eks. knapper, rullemenuer osv.).
icon Definerer typografien, der bruges af ikoner.
menu Definerer typografien, der bruges af rullemenuer.
message-box Definerer typografien, der bruges af dialoger.
small-caption En lille version af caption-typografien.
status-bar Definerer typografien, der bruges af vinduets statuslinje.

Tekniske detaljer

Standardværdi: ikke specificeret
Arv: ja
Version: CSS1
JavaScript-syntaks: object.style.font="italic small-caps bold 12px arial,sans-serif"

TIY-eksempel

Alle fontegenskaber i én deklaration
Dette eksempel viser, hvordan du sætter fontegenskaberne i én deklaration ved hjælp af korte egenskabsnavne.
Indstilling af afsnitstypografien med "caption"-værdi
Dette eksempel viser, hvordan du indstiller afsnitstypografien ved hjælp af værdien "caption".

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter egenskaben.

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