본문 바로가기

속성

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.. 더보기
border-top-color, border-right-color, border-bottom-color, border-left-color border-top-color, border-right-color, border-bottom-color, border-left-color 기능 테두리 선 스타일 문법 CSS : {border-top-color: Property} {border-right-color: Property} {border-bottom-color: Property} {border-left-color: Property} JS : object.style.border-color= 'Property' object.style.border-color= 'Property' object.style.border-color= 'Property' object.style.border-color= 'Property' 값 색상 이름 또는 RGB 칼라를 사.. 더보기
border-style 속성 border-style 기능 테두리 선 두께 문법 CSS : {border-style: Property} JS : object.style.border-style= 'Property' 값 문법 : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS1 CSS2 예제 결과 더보기
border-top-style, border-right-style, border-bottom-style, border-left-style 속성 border-top-style, border-right-style, border-bottom-style, border-left-style 기능 테두리 선 스타일 문법 CSS : {border-top-style: Property} {border-right-style : Property} {border-bottom-style : Property} {border-left-style : Property} JS : object.style.border-top= 'Property' object.style.border-right= 'Property' object.style.border-bottom= 'Property' object.style.border-left = 'Property' 값 none : 기본값 기본 적용.. 더보기
border-width 속성 border-width 기능 테두리 선 두께 문법 CSS : {border-width: Property} JS : object.style.border-width= 'Property' 값 medium : 기본값 기본 넓이 thin : 기본 넓이 보다 얇은 넓이 thick : 기본 넓이 보다 두꺼운 넓이 또한 숫자 단위로도 넓이를 설정 할 수 있습니다. 절대적 단위 : cm, mm, in, pt, pc, px 상대적 단위 : em, ex 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive,.. 더보기
border-top, border-right, border-bottom, border-left border-top, border-right, 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' 값 medium : 기본값 기본 넓이 thin : 기본 넓이 보다 얇은 넓이 thick : 기본 넓이 보다 두꺼운 넓이 또한 숫자.. 더보기
padding-top, padding-right, padding-bottom, padding-left padding-top, padding-right, padding-bottom, padding-left 기능 그 요소의 내용과 보더 사이의 여백 문법 CSS : {padding-top: Property} {padding-right: Property} {padding-bottom: Property} {padding-left : Property} JS : object.style.padding-top= 'Property' object.style.padding-right= 'Property' object.style.padding-bottom= 'Property' object.style.padding-left= 'Property' 값 0 : 기본값 숫자 단위로도 공간을 설정 할 수 있습니다. 절대적 단위 : cm,.. 더보기
cursor 속성 cursor 기능 커서의 종류 문법 CSS : {cursor: Property} JS : object.style.cursor= 'Property' 값 auto(자동) 사용도구가 현재의 문맥에 기초하여 디스플레이될 커서를 결정한다. crosshair(십자) 단순 crosshair (예: "+" 부호와 비슷한 짧은 선). default(디폴트) 플래트폼에 따른 디폴트 커서. 자주 화살표로 표현된다. pointer(지시자) 연결의 지시를 나타내는 커서. move(움직임) 무엇이 움직이는 것을 나타내는 커서. e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize(모서리 움직임) 일부 모서리가 움직이는 것을 나타낸다. .. 더보기
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 예제 결과 더보기
z-index 속성 z-index 기능 요소의 겹쳐지는 순서를 지정 문법 CSS : {z-index: Property} JS : object.style.zIndex= 'Property' 값 auto : 기본값 숫자(정수) : 숫자가 높을수록 상위에 위치 합니다. 적용대상 position:static 이외의 요소 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 O (관련자료) CSS CSS2 예제 결과 더보기