개요
이 속성은 요소에 오른쪽 마진을 지정한다.
정의
값
| 값 | 설명 |
|---|
| <길이> | 길이를 지정한다. |
| <백분율> | 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. |
| auto | 자동으로 계산된 값을 지정한다. |
| inherit | 부모 요소의 값을 상속하도록 지정한다. |
예제
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.table1 {
margin-top: 15px;
margin-right:15px;
}
body {
font-size: 12px;
}
-->
</style></head>
<body>
<table width="396" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="150" height="50"><table width="150" height="50" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FFCC00">도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시</td>
</tr>
</table></td>
<td width="240"> margin 설정하지 않았을 경우</td>
</tr>
</table>
<br />
<table width="392" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="150" height="50"><table width="150" height="50" border="0" cellpadding="0" cellspacing="0" class="table1">
<tr>
<td bgcolor="#FFCC00">도레미파솔라시도레미파솔라시도레미파솔라시도레미파솔라시</td>
</tr>
</table></td>
<td width="236"> margin-top, margin-right 설정 후</td>
</tr>
</table>
</body>
</html>
브라우저 호환성
| 값 | IE6 | IE7 | FF2 | Op9 |
|---|
| (Length) | 지원 | 지원 | 지원 | 지원 |
| (Percentage) | 불안정 | 지원 | 지원 | 지원 |
| auto | 불안정 | 불안정 | 지원 | 지원 |
| inherit | 미지원 | 미지원 | 지원 | 지원 |
고경희 (211.110.121.143)
2009년 08월 01일, 15:01
