CSS lettertype-variant-kapitaal letters eigenschap
- vorige pagina font-variant
- volgende pagina font-gewicht
Definitie en gebruik
De font-variant-caps eigenschap bestuurt het gebruik van alternatieve lettervormen voor hoofdletters.
Zie ook:
CSS Tutorial:CSS letteren
CSS Referentiehandleiding:font eigenschap
HTML DOM Referentiehandleiding:fontVariant eigenschap
实例
Zet de alinea in kleine letters:
p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}
CSS-syntaxis
font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;
eigenschapswaarde
| waarde | beschrijving |
|---|---|
| normal | schakel het gebruik van alternatieve lettertypen uit. |
| small-caps | toont kleine hoofdzetels. |
| all-small-caps | toont zowel hoofdletters als kleine letters als kleine hoofdzetels. |
| petite-caps | toont zeer kleine hoofdzetels. |
| all-petite-caps | toont zowel hoofdletters als kleine letters als zeer kleine hoofdzetels. |
| unicase | staat toe om hoofdletters om te zetten in een mix van kleine hoofdzetels en normale kleine letters. |
| titeling-kapitaal | toon hoofdletters |
| initial | Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial. |
| inherit | Deze eigenschap erfgenamen van de ouderlijke elementen. Raadpleeg inherit. |
| unset |
opmerking:kleine hoofdzetels verwijzen naar letters die in hoofdletters worden weergegeven, maar dezelfde grootte hebben als de bijbehorende kleine letters.
technische details
| standaardwaarde: | normal |
|---|---|
| inheritantie: | ja |
| animatieproductie: | niet ondersteund. Raadpleeg:animatiegerelateerde eigenschappen. |
| versie: | CSS3 |
| JavaScript-syntaxis: | object.style.fontVariantCaps="small-caps" |
browserondersteuning
De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 52.0 | 79.0 | 34.0 | niet ondersteund | 39.0 |
- vorige pagina font-variant
- volgende pagina font-gewicht
