CSS ont-variant-caps property example at PNLdev

Run
<!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>font-variant-caps property example</h1>
    <p class="normal">My name is ehsan eslami.</p>
    <p class="small">My name is ehsan eslami.</p>
    <p class="allsmall">My name is ehsan eslami.</p>
    <p class="petite">My name is ehsan eslami.</p>
    <p class="allpetite">My name is ehsan eslami.</p>
    <p class="unicase">My name is ehsan eslami.</p>
    <p class="titling">My name is ehsan eslami.</p>
    <p><b>Note:</b> Safari do not support the font-variant-caps property.</p>
</body>
</html>