<!DOCTYPE html>
<html>
<head>
<style>
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;}
</style>
</head>
<body>
<h1>The font-variant-caps Property</h1>
<p class="normal">My name is Hege Refsnes.</p>
<p class="small">My name is Hege Refsnes.</p>
<p class="allsmall">My name is Hege Refsnes.</p>
<p class="petite">My name is Hege Refsnes.</p>
<p class="allpetite">My name is Hege Refsnes.</p>
<p class="unicase">My name is Hege Refsnes.</p>
<p class="titling">My name is Hege Refsnes.</p>
<p><b>Note:</b> Safari do not support the font-variant-caps property.</p>
</body>
</html>