Web/CSS
빈 셀 주위의 테두리(border): 'empty-cells' 속성
aucd29
2013. 9. 26. 21:13
빈 셀 주위의 테두리(border): 'empty-cells' 속성
'empty-cells'
값: show | hide | inherit
최초값: show
적용: 'table-cell' 엘레멘트들
전달: 됨
백분율: 사용 못함
메디아: visible(보이는)
분리된(separated) 테두리 모델에서, 이 속성은 보이는 내용(content)을 가지고 있지 않는 셀들 주위의 테두리들 표현을 제어한다. 빈 셀들과 보임성('visibility') 속성이 'hidden'으로 설정된 셀들은 보이는 내용을 가지고 있지 않는 것으로 고려된다. 보이는 내용은, ASCII의 엔터(CR: "\0D"), 줄 공급(LF: "\0A"), 탭(tab: "\09"), 공간 ("\20")을 제외하고, " "과 다른 공백을 포함한다.
이 속성이 값 'show'를 가지면, 테두리들은 정상 셀들에서 처럼 빈 셀들 주위에 그려진다.
값 'hide'는 빈 셀들 주위에 테두리가 없는 것을 의미한다. 또, 만일 한 줄의 모든 셀들이 값 'hide'를 가지고 보이는 내용이 없으면, 그 전체 줄은 'display: none' 처럼 표현된다.
예제:
다음 명령은 테두리들을 모든 셀들 주위에 그린다:
TABLE { empty-cells: show }
'empty-cells'
값: show | hide | inherit
최초값: show
적용: 'table-cell' 엘레멘트들
전달: 됨
백분율: 사용 못함
메디아: visible(보이는)
분리된(separated) 테두리 모델에서, 이 속성은 보이는 내용(content)을 가지고 있지 않는 셀들 주위의 테두리들 표현을 제어한다. 빈 셀들과 보임성('visibility') 속성이 'hidden'으로 설정된 셀들은 보이는 내용을 가지고 있지 않는 것으로 고려된다. 보이는 내용은, ASCII의 엔터(CR: "\0D"), 줄 공급(LF: "\0A"), 탭(tab: "\09"), 공간 ("\20")을 제외하고, " "과 다른 공백을 포함한다.
이 속성이 값 'show'를 가지면, 테두리들은 정상 셀들에서 처럼 빈 셀들 주위에 그려진다.
값 'hide'는 빈 셀들 주위에 테두리가 없는 것을 의미한다. 또, 만일 한 줄의 모든 셀들이 값 'hide'를 가지고 보이는 내용이 없으면, 그 전체 줄은 'display: none' 처럼 표현된다.
예제:
다음 명령은 테두리들을 모든 셀들 주위에 그린다:
TABLE { empty-cells: show }