레이블이 table인 게시물을 표시합니다. 모든 게시물 표시
레이블이 table인 게시물을 표시합니다. 모든 게시물 표시

empty-cells

border-collapse 프로퍼티의 값이 separate인 경우에 내용이 없는 셀 테두리를 표시할지 여부를 지정합니다. 테이블 셀 요소에 적용할 수 있습니다.
공백문자나  가 있는 셀은 비어있는 셀이 아닙니다.
CSS Level
CSS 2
상속
예
기본값
show

사용법

empty-cells: hide;
object.style.emptyCells = "hide"

속성

show
셀 보더를 표시합니다.
hide
셀 보더를 표시하지 않습니다.


border-spacing

border-collapse 프로퍼티의 값이 separate인 경우에 서로 인접한 셀 보더 사이의 간격을 지정합니다. 값을 2개 지정한 때에는 첫 번째는 수편, 두번째는 수직 방향의 간격입니다. 테이블 또는 인라인 테이블 요소에 적용할 수 있습니다.
CSS Level
CSS 2
상속
예
기본값
0

사용법

border-spacing: 10px 5px;
object.style.borderSpacing = "15px"

속성

<length>
테이블 셀 보더 사이의 간격을 지정합니다.


border-collapse

테이블의 보더 모델을 지정합니다. 테이블 또는 인라인 테이블 요소에 적용할 수 있습니다.
CSS Level
CSS 2
상속
예
기본값
separate

사용법

border-collapse: collapse;
object.style.borderCollapse = "collapse"

속성

collapse
인접한 셀의 테두리를 합쳐서 표시합니다.
separate
셀의 테두리를 구분해서 표시합니다.


table-layout

표의 셀과 행, 열의 레이아웃 알고리즘을 지정합니다. 테이블과 인라인 테이블 요소에 적용할 수 있습니다.
CSS Level
CSS 2
상속
아니오
기본값
auto

사용법

table-layout: fixed;
object.style.tableLayout = "fixed"

속성

auto
셀의 내용에 따라 표의 크기가 변합니다.
fixed
셀의 내용과 무관하게 표의 크기가 고정됩니다. 표의 크기는 width 프로퍼티로 지정할 수 있습니다.


caption-side

테이블의 캡션 위치를 지정합니다. 테이블 캡션(<caption>) 요소에만 적용할 수 있습니다.
CSS Level
CSS 2
상속
예
기본값
top

사용법

caption-side: bottom;
object.style.captionSide = "bottom"

속성

top
테이블 박스의 위에 표시합니다.
bottom
테이블 박스의 아래에 표시합니다.


알립니다!

사이드바의 프로퍼티 목록 중 뒤에 별표(*)가 붙은 것은 CSS 3의 내용이 반영되지 않은 것입니다.

읽으신 글에 수정할 내용, 추가할 내용 등이 있다면 부담없이 댓글을 남겨 주세요.