본문 바로가기

웹표준

outline-style 속성 outline-style 기능 아웃라인 스타일 문법 CSS : {outline-style: Property} JS : object.style.outlineStyle= 'Property' 값 none : 기본값 없음 dotted : 점선 dashed : 파선 solid : 단일선 double : 이중선 groove : 아웃라인 입체선 표시 ridge : 아웃라인 입체선 창표시 inset : 내용 전체를 입체선 표시 outset : 내용 전체를 입체선 표시 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, i.. 더보기
outline-width 속성 outline-width 기능 커서의 종류 문법 CSS : {outline-width: Property} JS : object.style.outlineWidth= 'Property' 값 thin medium : 기본값 thick 길이 적용대상 모든요소 (요소 종류: inline, block, text) 상속 X (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS2 예제 결과 더보기
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(모서리 움직임) 일부 모서리가 움직이는 것을 나타낸다. .. 더보기
list-style 속성 list-style 기능 목록관련 속성 일괄 지정 문법 CSS : {list-style: Property} JS : object.style.listStyle= 'Property' 값 type : 목록의 머리표에 형태를 설정 합니다. list-style-type 참고 position : 목록 내에서 줄바꿈 될경우, 다음 줄의 시작점을 설정 합니다. list-style-position 참고 image : 목록의 머리표에 이미지를 사용 합니다. list-style-image 참고 적용대상 display값이 list-item인 요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 v.. 더보기
list-style-position 속성 list-style-position 기능 목록 마커의 위치 문법 CSS : {list-style-position: Property} JS : object.style.listStylePosition= 'Property' 값 inside : 목록 내에서 다음줄의 시작이 머리표 위치에서 부터 시작 됩니다. outside : 기본값 목록 태그 적용시와 동일하며 머리표 위치 다음 부터 시작 됩니다. 적용대상 display값이 list-item인 요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged.. 더보기
list-style-image 속성 list-style-image 기능 목록 마커의 이미지 문법 CSS : {list-style-image: Property} JS : object.style.listStyleImage= 'Property' 값 none : 기본값, 이미지가 적용 되지 않습니다. url(주소) : 이미지의 경로(상대적/절대적)를 설정 합니다. 적용대상 display값이 list-item인 요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS1 CSS2 예제 결과 더보기
list-style-type 속성 list-style-type 기능 목록 마커의 종류 문법 CSS : {list-style-type: Property} JS : object.style.listStyleType= 'Property' 값 none : 기본값, 원래 정의된 머리표가 사용 됩니다. circle : 머리표에 가운데가 빈 원이 사용 됩니다. decimal : 머리표에 숫자가 사용 됩니다. disc : 기본값 머리표에 디스크가 사용 됩니다. square : 머리표에 사각형이 사용 됩니다. lower-roman : 머리표에 로마자 소문자가 사용 됩니다. upper-roman : 머리표에 로마자 대문자가 사용 됩니다. lower-alpha : 머리표에 알파벳 소문자가 사용 됩니다. upper-alpha : 머리표에 알파벳 대문자가 사용 .. 더보기
white-space 속성 white-space 기능 공백문자 처리방법 문법 CSS : {white-space: Property} JS : object.style.whiteSpace= 'Property' 값 normal : 기본값 , 공백의 수에 관계없이 한칸으로 설정 nowrap : 브라우저의 폭이나 문단 길이에 상관 없이 줄바꿈을 하지 않습니다. pre : 태그와 같은 공백을 그대로 인정 합니다. 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, paged) 퍼센테이지 X (관련자료) CSS CSS2 예제.. 더보기
text-transform 속성 text-transform 기능 그 요소의 내용과 보더 사이의 여백 문법 CSS : {text-transform: Property} JS : object.style.textTransform= 'Property' 값 none : 기본값 capitalize : 각 단어의 첫 번째 문자만 대문자로 변환한다. uppercase : 각 단어의 모든 문자를 대문자로 변환한다. lowercase : 각 단어의 모든 문자를 소문자로 변환한다. 적용대상 모든요소 (요소 종류: inline, block, text) 상속 O (관련자료) 미대응 브라우저 X (취급브라우저: IE6, IE7, IE8, FF3, CR4, OP9, SF4) 미디어 visual (미디어 종류: visual, aural, interactive, pa.. 더보기
word-spacing 속성 word-spacing 기능 텍스트의 단어간격 문법 CSS : {word-spacing: Property} JS : object.style.wordSpacing= 'Property' 값 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) 퍼센테이.. 더보기

티스토리툴바