CSS 테두리 축소 속성


  번역 결과：

border

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

n. 테두리; 테두리 포함..., 켜기 가장자리...

vt. 가장자리를 따라..., 주변..., 테두리...

vi. 대략,

collapse

英[kəˈlæps] 美[kəˈlæps]

vi.Collapse; 접다(특히 열심히 일한 후) 앉다

vt 붕괴하다;

CSS 테두리 축소 속성통사론

기능: border-collapse 속성은 표의 테두리를 단일 테두리로 병합할지 아니면 표준 HTML처럼 별도로 표시할지를 설정합니다.

설명: 별도의 기본값입니다. 국경이 분리됩니다. border-spacing 및 빈 셀 속성은 무시되지 않습니다. 가능한 경우 테두리 축소가 단일 테두리로 병합됩니다. border-spacing 및 빈 셀 속성은 무시됩니다. 상속은 border-collapse 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다.​

참고: 모든 주요 브라우저는 border-collapse 속성을 지원합니다. 속성 값 "inherit"는 모든 버전의 Internet Explorer(IE8 포함)에서 지원되지 않습니다. !DOCTYPE을 지정하지 않으면 border-collapse로 인해 예상치 못한 결과가 발생할 수 있습니다.

CSS 테두리 축소 속성예

<!DOCTYPE>
<html>
<head>
<style type="text/css">
table
  {
  border-collapse:collapse;
  }
table, td, th
  {
  border:1px solid black;
  }
</style>
</head>
<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
<p><b>注释：</b>如果没有规定 !DOCTYPE，border-collapse 属性可能会引起意想不到的错误。</p>
</body>
</html>
인스턴스 실행 »

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

인기 추천

집

비디오

Q&A

제출하다