본문 바로가기

CSS1

color 속성 color 기능 글꼴 색 지정 문법 CSS : {color : Property} JS : object.style.color = 'Property' 값 기본값 : 브라우저에 의존합니다. 색상 이름 또는 RGB 칼라를 사용합니다. 색상표 참고 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 O X (관련자료) CSS CSS1 CSS2 예제 결과 더보기
visibility 속성 visibility 기능 박스의 가시성 여부 문법 CSS : {visibility: Property} JS : object.style.visibility= 'Property' 값 inherit : 부모 객체의 visibility를 상속 받습니다. visible : 기본값,객체를 보이게 합니다. hidden : 객체를 보이지 않게 합니다. 객체 공간은 그대로 남습니다. 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 O (관련자료) CSS CSS2 예제 결과 더보기
vertical-align 속성 vertical-align 기능 인라인박사느 표안의 셀의 수직위치 문법 CSS : {vertical-align: Property} JS : object.style.verticalAlign= 'Property' 값 auto : 기본값 layout-flow 속성값에 따라 설정 됩니다. baseline : 기본값, 기초 라인에 대하여 수직 정렬됩니다. sub : 아래첨자를 위해서 적당한 위치에 수직 정렬 됩니다. super : 위첨자를 위해서 적당한 위치에 수직 정렬 됩니다. top : 상단에 정렬 됩니다. middle : 중간에 정렬 됩니다. bottom : 하단에 정렬 됩니다. text-top : 글꼴의 상단에 정렬 됩니다. text-bottom : 글꼴의 하단에 정렬 됩니다. 또한 숫자 단위로도 너비를 .. 더보기
line-height 속성 line-height 기능 인라인박스의 높이 문법 CSS : {line-height: Property} JS : object.style.lineHeight= 'Property' 값 0 : 기본값 normal : 기본값, 기본 행간의 간격을 형성 합니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) : 글꼴 크기에 비례하여 적용 됩니다. 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 O (관련자료) CSS.. 더보기
height 속성 height 기능 박스 높이 설정 문법 CSS : {height: Property} JS : object.style.height= 'Property' 값 auto : 기본값 또한 숫자 단위로도 너비를 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) : 브라우저 너비를 기준으로 비례적으로 설정(상위 문단 존재시 그 너비를 기준) 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 O (관련자.. 더보기
width 속성 width 기능 박스 넓이 설정 문법 CSS : {width: Property} JS : object.style.width= 'Property' 값 auto : 기본값 또한 숫자 단위로도 너비를 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) : 브라우저 너비를 기준으로 비례적으로 설정(상위 문단 존재시 그 너비를 기준) 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 O (관련자료) .. 더보기
clear 속성 clear 기능 요소의 박스를 정렬 해제 문법 CSS : {clear: Property} JS : object.style.clear= 'Property' 값 none : 기본값 left : 왼쪽으로 플로트된 블럭박스로 만든다. right : 오른쪽으로 플로트된 블럭박스로 만든다. 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS1 CSS2 예제 결과 더보기
float 속성 float 기능 요소의 박스를 정렬 문법 CSS : {float: Property} JS : object.style.float= 'Property' 값 none : 기본값 left : 왼쪽으로 플로트된 블럭박스로 만든다. right : 오른쪽으로 플로트된 블럭박스로 만든다. 적용대상 position: static 설정시 가능 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS1 CSS2 예제 결과 더보기
position 속성 position 기능 그 요소의 배치방법 문법 CSS : {position: Property} JS : object.style.position= 'Property' 값 static : 기본값 보통의 배치 relative : 상대배치 absolute : 절대배치 fixed : 고정배치 (ie6 사용 불가) 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS1 CSS2 예제 결과 더보기
display 속성 display 기능 요소의 디스플레이 속성(생성박스의 종류) 문법 CSS : {display: Property} JS : object.style.display= 'Property' 값 block : 기본 블럭 박스를 생성 합니다. 앞 뒤로 줄 바꿈 됩니다. none : 박스 안에 어떠한 요소도 생성 되지 않으며 디스플레이 되지 않습니다. inline : 기본값, 인라인 박스를 생성 합니다. list-item : 목록 태그중 LI에 기본 블럭 박스와 목 록 항목의 인라인 박스를 생성 합니다. table / inline-table / table-row / table-row- group / table-header-group table-footer-group / table-column / table- colum.. 더보기