TOP - CSS1(Cascading Style Sheets, level 1) - margin

要素のマージンを指定します。
指定する値の個数によってtop、right、bottom、leftにどの値を適用するかが決まります。
デフォルトは0(数値)です。パーセント値とキーワード"auto"も指定可能です。

(例)
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>テスト</TITLE>
<STYLE type="text/css">
<!--
P.test1 {font: 12pt monospace; margin: 30px}
P.test2 {font: 12pt monospace; margin: 30px 50px}
P.test3 {font: 12pt monospace; margin: 30px 50px 60px}
P.test4 {font: 12pt monospace; margin: 30px 50px 60px 100px}
-->
</STYLE>
</HEAD>
<BODY>
<TABLE border="1" cellspacing="0">
<TR>
<TD><P class="test1">
全マージン30px
</P></TD>
</TR>
</TABLE>
<TABLE border="1" cellspacing="0">
<TR>
<TD><P class="test2">
上下マージン30px<br>
左右マージン50px
</P></TD>
</TR>
</TABLE>
<TABLE border="1" cellspacing="0">
<TR>
<TD><P class="test3">
上マージン30px<br>
左右マージン50px<br>
下マージン60px
</P></TD>
</TR>
</TABLE>
<TABLE border="1" cellspacing="0">
<TR>
<TD><P class="test4">
上マージン30px<br>
右マージン50px<br>
下マージン60px<br>
左マージン100px
</P></TD>
</TR>
</TABLE>
</BODY>
</HTML>


Copyright(C) 2006-2011 CLAYPOT. All Rights Reserved.