Loose-Info.com

Last Update 2019/12/25


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>