p font-variant:normal; font-variant:small-caps; : p font « Tags « HTML / CSS






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

p font-variant:normal; font-variant:small-caps;

    



<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>

p {font-family:arial; font-size:12pt;}
p.normal {font-variant:normal;}
p.smallcaps {font-variant:small-caps;}
</style>

</head>

<body>
<p class="normal">The value for font-variant in the first paragraph is normal.</p>
<p class="smallcaps">The value for font-variant in the second paragraph is small caps.</p>
</body>
</html>








Related examples in the same category

1.p font-size: small;
2.p font-family: Verdana, Arial, sans-serif;
3.P font-family: Arial, Helvetica, sans-serif;
4.P font-size: 12px;
5.Change color and font size of paragraph
6.Set font size for a paragraph
7.paragraph with different font
8.p font: 12px sans-serif;
9.p font-size: 14pt;
10.p font-size:10pt;}
11.p font-style
12.p font-variant;
13.p font size: absolute measurements
14.p font-size: relative sizes
15.p font-size: lengths
16.p font-size: percentage
17.p font:bold 12pt arial;
18.p font: caption;
19.p font: icon;
20.p font: menu;
21.p font: message-box;
22.p font: small-caption;
23.p font: status-bar;
24.p font-style: italic;
25.p font-size: 10px;
26.p font: 14px sans-serif;
27.p font: 1em/1.5em sans-serif;
28.p font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
29.p font: italic small-caps bold 1em/1.5em sans-serif;
30.p font-family: "Monotype Corsiva";
31.p font: bold 24px sans-serif;
32.p font: italic bold small-caps 24px sans-serif;
33.p font: 16px monospace;
34.p font-family: "Times New Roman";
35.p font-family: Arial;
36.p font-family: serif;
37.p font-family: sans-serif;
38.p font-family: monospace;
39.p font-family: fantasy;
40.p font-family: cursive;
41.p font-weight: bold;
42.Mark paragraph by font style
43.This paragraph changes three properties using the one font shorthand property.
44.p font-size: 0.9em;padding: 1em;border: thin solid black;background: gray;color: white;