CSS lettertype-variant eigenschap
- vorige pagina font-style
- Volgende pagina font-variant-caps
Definitie en gebruik
De eigenschap font-variant stelt de weergave van het lettertype met kleine hoofdletters in, wat betekent dat alle kleine letters worden omgezet in hoofdletters, maar de letters met klein-kapitaal lettertype zijn smaller dan de overige tekst.
Beschrijving
Deze eigenschap wordt voornamelijk gebruikt om klein-kapitaal tekst te definiëren. Theoretisch kan de gebruikersagent de klein-kapitaal lettertype berekenen op basis van het normale lettertype.
Zie ook:
Handleiding voor CSS:CSS lettertype
CSS referentiehandleiding:CSS lettertype eigenschap
HTML DOM referentiehandleiding:fontVariant eigenschap
Voorbeeld
Stel de alinea in op een lettertype met kleine hoofdletters:
p.small { font-variant:small-caps; }
CSS syntaxis
font-variant: normal|small-caps|initial|inherit;
Eigenschapswaarde
Waarde | Beschrijving |
---|---|
normaal | Standaardwaarde. De browser toont een standaard lettertype. |
small-caps | De browser toont een lettertype met kleine hoofdletters. |
inherit | Het wordt voorgeschreven dat de waarde van de eigenschap font-variant van het ouder-element moet worden geërfd. |
Technische details
Standaardwaarde: | normaal |
---|---|
Inheritantie: | ja |
Versie: | CSS1 |
JavaScript syntaxis: | object.style.fontVariant="small-caps" |
TIY voorbeeld
- Instellen van de variant van het lettertype
- Dit voorbeeld demonstreert hoe je de variant van het lettertype instelt.
Browserondersteuning
De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- vorige pagina font-style
- Volgende pagina font-variant-caps