본문 바로가기

웹표준

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 예제 결과 더보기
max-height 속성 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 속성 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 속성 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 속성 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-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' 값 문법 : || 보더두께 | 보더 스타일 | 보더색 || 적용대상 모든요소 .. 더보기

티스토리툴바