Border style in Paragraph

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Border Paragraf</title>
<style>
#table{
    width:300px;}
#dotted {border-style: dotted;}
#dashed {border-style: dashed;}
#solid {border-style: solid;}
#double {border-style: double;}
#groove {border-style: groove;}
#ridge {border-style: ridge;}
#inset {border-style: inset;}
#outset {border-style: outset;}
#none {border-style: none;}
#hidden {border-style: hidden;}


</style>
</head>

<body>
<div id="table">
<p id="dotted">Hello World - dotted</p>
<p id="dashed">Hello World - dashed</p>
<p id="solid">Hello World - solid</p>
<p id="double">Hello World - doudle</p>
<p id="groove">Hello World - groove</p>
<p id="ridge">Hello World - ridge</p>
<p id="inset">Hello World - inset</p>
<p id="outset">Hello World - outset</p>
<p id="none">Hello World - none</p>
<p id="hidden">Hello World - hidden</p>
</div>
</body>
</html>

Span style in HTML

Néhány példa:
<span style="font-size: xx-small;">1-es méret</span>  1-es méret
<span style="font-size: x-small;">2-es méret</span>  2-es méret
<span style="font-size: small;">3-as méret</span>  3-as méret
<span style="font-size: medium;">4-es méret</span>  4-es méret
<span style="font-size: large;">5-ös méret</span>  5-ös méret
<span style="font-size: x-large;">6-os méret</span>  6-os méret
<span style="color: red;">red</span>  red = #FF0000
<span style="color: green;">green</span>  green = #008000
<span style="color: lime;">lime</span>  lime = #00FF00
<span style="color: blue;">blue</span>  blue = #0000FF