span.smallcaps {font-variant:small-caps;} : span font « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. span font

span.smallcaps {font-variant:small-caps;}

    
<?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 type='text/css'>
/* Style sheet for ch07_eg06.html */

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>This is a normal font, but then <span class="smallcaps">there are some small caps</span> in the middle.</p>
 
</body>
</html>








Related examples in the same category

1.span font-size: 6em;
2.span font-weight: bold;
3.Span font-family: "Times New Roman", Times, serif;
4.Span font-size: 9px;
5.Span font-family: Arial;
6.Span font-size: 11px;
7.span font-family: "Perpetua Titling MT", serif;
8.span font-style: italic;
9.span font-size: 100px;
10.span font-size: 20px;
11.set span font size to .8em