스티브홍쓰

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 기능 표 관련 요소의 레이아웃 방법 문법 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 기능 표 관련 요소의 레이아웃 방법 문법 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 기능 표 캡션 위치 문법 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 예제 결과

max-height 기능 박스 최대 높이 설정 문법 CSS : {max-height: Property} JS : object.style.maxHeight= 'Property' 값 기본값 : 브라우저에 의존 또한 숫자 단위로도 너비를 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) : 브라우저 너비를 기준으로 비례적으로 설정(상위 문단 존재시 그 너비를 기준) 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, p..

min-height 기능 최소 박스 높이 설정 문법 CSS : {min-height: Property} JS : object.style.minHeight= 'Property' 값 기본값 : 브라우저에 의존 또한 숫자 단위로도 너비를 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) : 브라우저 너비를 기준으로 비례적으로 설정(상위 문단 존재시 그 너비를 기준) 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, p..

max-width 기능 박스 최대 넓이 설정 문법 CSS : {max-width: Property} JS : object.style.maxWidth= 'Property' 값 기본값 : 브라우저에 의존 또한 숫자 단위로도 너비를 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) : 브라우저 너비를 기준으로 비례적으로 설정(상위 문단 존재시 그 너비를 기준) 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, page..

min-width 기능 최소 박스 넓이 설정 문법 CSS : {min-width: Property} JS : object.style.minWidth= 'Property' 값 기본값 : 브라우저에 의존 또한 숫자 단위로도 너비를 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) : 브라우저 너비를 기준으로 비례적으로 설정(상위 문단 존재시 그 너비를 기준) 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, page..

border-top, border-right, border-bottom, border-left border-bottom, border-left 기능 테두리 선 스타일 문법 CSS : {border-top: Property} {border-right: Property} {border-bottom: Property} {border-left: Property} JS : object.style.border-top= 'Property' object.style.border-right= 'Property' object.style.border-bottom= 'Property' object.style.border-left= 'Property' 값 문법 : || 보더두께 | 보더 스타일 | 보더색 || 적용대상 모든요소 ..

border-color 기능 테두리 선 색 문법 CSS : {border-style: Property} JS : object.style.border-style= 'Property' 값 색상 이름 또는 RGB 칼라를 사용 합니다. 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS1 CSS2 예제 결과