p font-size: lengths : p font « Tags « HTML / CSS






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

p font-size: lengths

     


<?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;}

/* lengths */
p.px {font-size:12px;}
p.pt {font-size:12pt;}
p.pc {font-size:2pc;}
p.in {font-size:0.5in;}
p.cm {font-size:1cm;}
p.mm {font-size:12mm;}
p.em {font-size:1.5em;}
p.ex {font-size:1.5ex;}
</style>


</head>

<body>
<h1>Lengths</h1>
<p class="px">The length used here is 12 px</p>
<p class="pt">The length used here is 12 pt</p>
<p class="pc">The length used here is 2 pc</p>
<p class="in">The length used here is 0.5in</p>
<p class="cm">The length used here is 1cm</p>
<p class="mm">The length used here is 12mm</p>
<p class="em">The length used here is 1.5em</p>
<p class="ex">The length used here is 1.5ex</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: 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;