p font-size: relative sizes : p font « Tags « HTML / CSS






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

p font-size: relative sizes

     
<?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'>
/* CSS Document for ch03_eg07.html */
p {font-family:arial; font-size:12pt;}

/* relative sizes */
p.smaller{font-size:smaller;}
p.larger {font-size:larger;}
</style>


</head>

<body>
<h1>Relative sizes (relative to 12pt)</h1>
<p class="smaller">This relative font size is smaller</p>
<p class="larger">This relative font size is larger</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: lengths
15.p font-size: percentage
16.p font:bold 12pt arial;
17.p font: caption;
18.p font: icon;
19.p font: menu;
20.p font: message-box;
21.p font: small-caption;
22.p font: status-bar;
23.p font-style: italic;
24.p font-size: 10px;
25.p font: 14px sans-serif;
26.p font: 1em/1.5em sans-serif;
27.p font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
28.p font: italic small-caps bold 1em/1.5em sans-serif;
29.p font-family: "Monotype Corsiva";
30.p font: bold 24px sans-serif;
31.p font: italic bold small-caps 24px sans-serif;
32.p font: 16px monospace;
33.p font-family: "Times New Roman";
34.p font-family: Arial;
35.p font-family: serif;
36.p font-family: sans-serif;
37.p font-family: monospace;
38.p font-family: fantasy;
39.p font-family: cursive;
40.p font-weight: bold;
41.Mark paragraph by font style
42.This paragraph changes three properties using the one font shorthand property.
43.p font-size: 0.9em;padding: 1em;border: thin solid black;background: gray;color: white;
44.p font-variant:normal; font-variant:small-caps;