direction 속성
direction 기능 텍스트의 표기방향 지정 문법 CSS : {direction: Property} JS : object.style.direction= 'Property' 값 ltr : 기본값 왼쪽으로 부터 시작 오른쪽으로 설정 됩니다. rtl : 오른쪽으로 부터 시작 왼쪽으로 설정 됩니다. inherit : 서식 방향을 상속 받습니다. 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS2 예제 결과
더보기
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 예제 결과
더보기
top, right, bottom, left 속성
top, right, bottom, left 기능 position:static 이외의 속성에서 상대적 위치 지정 문법 CSS : {top: Property} ,{right: Property} ,{bottom: Property} ,{left: Property} JS : object.style.top= 'Property' object.style.right= 'Property' object.style.bottom= 'Property' object.style.left= 'Property' 값 0 : 기본값 숫자 단위로도 공간을 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) 적용대상 position:static 이외의 속성에서 상대적 위치..
더보기
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 예제 결과
더보기
border 속성
border 기능 테두리 선 문법 CSS : {border: Property} JS : object.style.border= 'Property' 값 문법 : | 보더두께 || 보더 스타일 || 보더 색 || inherit 0 : 기본값 숫자 단위로도 공간을 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) : 브라우저 너비와 높이를 기준으로 비례적으로 공간 설정(상위 객체가 존재시 그 너비를 기준) 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual,..
더보기
padding 속성
padding 기능 그 요소의 내용과 보더 사이의 여백 문법 CSS : {padding: Property} JS : object.style.padding= 'Property' 값 0 : 기본값 숫자 단위로도 공간을 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) : 브라우저 너비와 높이를 기준으로 비례적으로 공간 설정(상위 객체가 존재시 그 너비를 기준) 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, pag..
더보기
margin 속성
margin 기능 요소의 보더와 다른 요소 사이의 여백 문법 CSS : {margin: Property} JS : object.style.margin= 'Property' 값 0 : 기본값 auto : 상황에 따라 마진이 자동적으로 설정 됩니다. 또한 숫자 단위로도 너비를 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 퍼센트(%) : 브라우저 너비를 기준으로 비례적으로 설정(상위 문단 존재시 그 너비를 기준) 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual..
더보기