본문 바로가기

table

empty-cells 속성 empty-cells 기능 빈 셀의 보더와 배경 표시방법 문법 CSS : {empty-cells: Property} JS : object.style.empty-cells= 'Property' 값 show: 기본값 빈 셀의 보더와 배경 표시 hide : 빈 셀의 보더와 배경이 표시되지 않고 부모 요소의 배경이 투과 inherit : 상속 적용대상 cell 요소 상속 O (관련자료) 미대응 브라우저 IE6 (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS2 예제 결과 더보기
border-spacing 속성 border-spacing 기능 셀의 보더 사이의 공간 문법 CSS : {border-spacing: Property} JS : object.style.border-spacing= 'Property' 값 0 : 기본값 숫자 단위로도 공간을 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 적용대상 table 요소 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS2 예제 결과 더보기
border-collapse 속성 border-collapse 기능 표 관련 요소의 레이아웃 방법 문법 CSS : {border-collapse: Property} JS : object.style.border-collapse= 'Property' 값 collapse: 기본값 분리 보더 모델 사용 separate : 결합 보더 모델 사용 inherit : 상속 적용대상 table 요소 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS2 예제 결과 더보기
table-layout 속성 table-layout 기능 표 관련 요소의 레이아웃 방법 문법 CSS : {table-layout: Property} JS : object.style.table-layout= 'Property' 값 auto : 기본값 브라우저가 가진 자동 레이아웃 알고리즘 fixed : 고정 inherit : 상속 적용대상 table 요소 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS2 예제 결과 더보기
caption-side 속성 caption-side 기능 표 캡션 위치 문법 CSS : {caption-side: Property} JS : object.style.captionSide= 'Property' 값 top : 기본값 상단 배치 bottom : 하단 배치 left : 좌측 배치 right : 우측 배치 적용대상 caption 요소 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS2 예제 결과 더보기
table,caption,colgroup,col,thead,tbody,tfoot,tr,th,td 태그 table 원어 및 기능 table (표를 정의) Element tr th td (한개 이상의 th 또는 td 를 포함해야 한다) (Element 종류) 포함가능 Element Block Inline Text 속성 - align="값" (값 = left / center / right) - backgroungd="이미지 파일 경로" - bgcolor="값" (값 = 색이름 / SRGB) - bordercolor="값" (값 = 색이름 / SRGB) - border="픽셀" - bordercolordark="값" (값 = 색이름 / SRGB) - bordercolorlight="값" (값 = 색이름 / SRGB) - cellpadding="픽셀" - cellspacing="픽셀" - cols="숫자" - c.. 더보기

티스토리툴바