font-variant : font variant : CSS Attributes and Javascript Style Properties HTML CSS TUTORIALS

HTML CSS TUTORIALS » CSS Attributes and Javascript Style Properties » font variant »

font-variant


 

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <title>CSS Example</title>
  <style rel="stylesheet" type="text/css">
body {
  color: #000000;
  background-color: #ffffff;
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
}

p {
  font-variant: normal;
}

span.smallcaps {
  font-variant: small-caps;
}
</style>
</head>

<body>
<h1>font-variant</h1>

<p class="one">a normal font, but then <span class="smallcaps">there are some small caps</span> in the middle.</p>
 
</body>
</html>