CSS lettertype eigenschap

Definitie en gebruik

De font verkorte eigenschap stelt alle lettertype-eigenschappen in in één verklaring.

Opmerking:Deze eigenschap heeft ook de zesde waarde: "line-height", waarmee de regelafstand kan worden ingesteld.

Verklaring

Deze verkorte eigenschap wordt gebruikt om twee of meer aspecten van de lettertype van een element in één keer in te stellen. Met de gebruikte sleutelwoorden zoals icon kan de lettertype van het element geschikt worden ingesteld om consistent te zijn met een aspect van de computeromgeving van de gebruiker. Let op, als deze sleutelwoorden niet worden gebruikt, moet ten minste de lettertypegrootte en de lettertype-serie worden gespecificeerd.

可以按顺序设置如下属性：

De volgende eigenschappen kunnen in volgorde worden ingesteld:

Het is toegestaan om een van de waarden niet in te stellen, bijvoorbeeld font:100% verdana; is ook toegestaan. Eigenschappen die niet zijn ingesteld, gebruiken hun standaardwaarde.

Zie ook:CSS lettertype

CSS handleiding:HTML DOM referentiemanual

font eigenschap

Voorbeeld

Instellen van alle lettertype-eigenschappen in één verklaring:
  p.ex2
  p.ex1
  font:italic bold 12px/20px arial,sans-serif;
font:italic arial,sans-serif;
  p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;

}

Probeer het zelf

CSS syntaxis Stelt het lettertypepatroon vast. Zie ook: Stelt het lettertypevariant vast. Zie ook: Stelt de lettertypedikte vast. Zie ook: Stelt de lettertypegrootte en de lijnhoogte vast. Zie ook:font:en font-family/

|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Eigenschapswaarde Waarde
Stelt het lettertypepatroon vast. Zie ook: BeschrijvingStelt het lettertypepatroon vast. Zie ook: Mogelijke waarden.
Stelt het lettertypevariant vast. Zie ook: font-styleStelt het lettertypevariant vast. Zie ook: Mogelijke waarden.
Stelt de lettertypedikte vast. Zie ook: font-variantStelt de lettertypedikte vast. Zie ook: Mogelijke waarden.
font-weight font-size/line-heightStelt de lettertypegrootte en de lijnhoogte vast. Zie ook: font-size en Mogelijke waarden.
font-family Stelt het lettertypegenraal vast. Zie ook:font-family Mogelijke waarden.
caption Definieert het lettertype dat door de titelcontrole (bijvoorbeeld knoppen, glijlijsten, enz.) wordt gebruikt.
icon Definieert het lettertype dat door de pictogrammarkering wordt gebruikt.
menu Definieert het lettertype dat door de glijlijst wordt gebruikt.
message-box Definieert het lettertype dat door het dialoogvenster wordt gebruikt.
small-caption Een kleine versie van de "caption" lettertype.
status-bar Definieert het lettertype dat door de statusbalk van het venster wordt gebruikt.

Technische details

Standaardwaarde: niet gespecificeerd
Inheritantie: ja
Versie: CSS1
JavaScript syntaxis: object.style.font="italic small-caps bold 12px arial,sans-serif"

TIY voorbeeld

Alle lettertype-eigenschappen in één verklaring
Dit voorbeeld toont hoe je de lettertype-eigenschappen instelt in één verklaring met de afkorte eigenschappen.
Instellen van de lettertype-instelling van een paragraaf met de waarde van "caption"
Dit voorbeeld toont hoe je de lettertype-instelling van een paragraaf instelt met de waarde van "caption".

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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