border

English [ˈbɔ:rdə(r)]

n. 테두리; 테두리 포함..., 켜기 측면...

vt 측면을 따라..., 주변..., 테두리...

vi. 대략,

spacing

에 인접 英 [ˈspeəsˈŋ] 美 [ˈspesˈŋ]

n. 간격, 간격;

CSS 테두리 간격 속성 통사론

기능: border-spacing 속성은 인접한 셀의 테두리 사이의 거리를 설정합니다("테두리 분리" 모드에서만 사용됨).

설명: 이 속성은 분리된 테두리 모델에서 셀 경계 사이의 거리를 지정합니다. 지정된 두 개의 길이 값 중 첫 번째는 수평 간격이고 두 번째는 수직 간격입니다. border-collapse가 분리로 설정되지 않으면 이 속성은 무시됩니다. 이 속성은 테이블에만 적용되지만 테이블의 모든 요소에 상속됩니다.​

참고: 일부 IE 브라우저 버전은 이 속성을 지원하지 않습니다. 모든 주요 브라우저는 border-spacing 속성을 지원합니다. Internet Explorer 8(이상)은 !DOCTYPE이 지정된 경우 테두리 간격 속성을 지원합니다.

CSS 테두리 간격 속성 예

<!DOCTYPE>
<html>
<head>
<style type="text/css">
table.one 
{
border-collapse: separate;
border-spacing: 10px
}
table.two
{
border-collapse: separate;
border-spacing: 10px 50px
}
</style>
</head>
<body>
<table class="one" border="1">
<tr>
<td>Adams</td>
<td>John</td>
</tr>
<tr>
<td>Bush</td>
<td>George</td>
</tr>
</table>
<br />
<table class="two" border="1">
<tr>
<td>Carter</td>
<td>Thomas</td>
</tr>
<tr>
<td>Gates</td>
<td>Bill</td>
</tr>
</table>
<p><b>注释:</b>php中文网</p>
</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요