개체 위에 마우스 포인터가 왔을 때 디스플레이된는 커서(cursor) 형식을 반환하거나 설정한다.

	Script	object.style.cursor(v)=[sVal]
	HTML	<ELEMENT style="cursor:sVal;">
	CSS	cssSelector {cursor:sVal;}

인수

cssSelector : (스타일 선택자)

cursor 속성을 가질수 있는 엘레멘트(ELEMENT)나 클라스(class) 이름 혹은 인식자(id)이다.

sVal : (속성 문자열)

cursor 스타일 속성은 개체 위에 마우스 포인터가 왔을 때 디스플레이된는 커서(cursor) 형식을 나타내는 문자열이다.

all-scroll	IE6 이후, 위로, 아래로, 외쪽으로, 오른쪽으로의 화살표 커서로 표시하여 문서가 어느방항으로라도 스크롤된다는 것을 나타낸다.
auto	디폴트이며, 디스플레이되는 브라우저의 커서를 현재 설정에따라 결정한다.
col-resize	IE6 이후, 왼쪽으로, 오른쪽으로 화살표와 두개의 수직선으로 구성된 커서로 컬럼이나 항목을 수평으로 폭이 조절된다는 것을 나타낸다.
crosshair	단순한 얇은 십자형 커서이다.
default	플래트폼에 따른 디폴트 커서로 일반적으로 화살표이다.
hand	가리키는 손가락 커서로 일반적으로 연결에 마우스를 올렸을 때 나타난다.
help	물음표를 동반한 화살표 커서로 도움말을 나타낸다..
move	위로, 아래로, 외쪽으로, 오른쪽으로의 화살표 커서로 이동된을 나타낸다.
no-drop	IE6 이후, 손가락과 작은 금지표시 커서로 끌어놓기 항목이 현재 커서의 위치에서 놓기할 수 없음을 나타낸다.
not-allowed	IE6 이후, 금지표시 커서로 요청된 작용이 되지 않음을 나타낸다.
pointer	IE6 이후, 가리키는 손가락 커서로 일반적으로 연결에 마우스를 올렸을 때 나타나며, hand 값과 동일하다.
progress	IE6 이후, 화살표와 모래시계커서로 진행되고있음을 나타낸다. 사용자의 작동은 영향을 주지 않는다..
row-resize	IE6 이후, 위쪽으로, 아래쪽으로 화살표와 두개의 수편선으로 구성된 커서로 줄이나 항목을 수직으로 높이가 조절된다는 것을 나타낸다.
text	텍스크 수정에 사용되는 커서이며 보통 | 형태이다.
url(uri)	IE6 이후, 사용자에 의하여 url('customcursor.cur') 식으로 정의되는 커서로서 커서의 주소(URI)로 연결된다. 여기서 사용될 수 있는 파일 형식은 .cur와 .ani 두가지만 가능하다.
vertical-text	IE6 이후, 텍스크 수정에 사용되는 커서이며 수평 -- 형태이다.
wait	모래시계 모양의 커서로 현재 진행 중이며 사용자가 기다려야 함을 나타낸다..
*-resize	화살표와 이동시킬 방향을 나타내는 커서이다. 별표(*)는 N, NE, NW, S, SE, SW, E,혹은 W이 될 수 있으며, 각 문자열은 나침판 방향이다.

이 속성은 currentStyle에서는 읽기전용이고, 그외의 개체에서는 읽기/쓰기이며, 디폴트값은 auto이다.

CSS(Cascading Style Sheets) 애트리뷰트는 상속된다.

특기

IE6에서 이 속성의 값 progress, not-allowed, no-drop, vertical-text, all-scroll, col-resize, row-resize가 사용될 수 있고, url(uri)이 새로운 값으로 사용될 수 있다.

각 속성값들은 컴마(,)로 분리된 값들의 목록이 될 수 있고, 사용도구가 목록의 처음 커서를 지원하지 않거나 사용할 수 없으면, 다음 값에서 커서를 사용할 수 있을 때까지 찾는다. 끝까지 사용할 수 있는 커서를 찾지 못하면 커서는 변경되지 않는다.

적용

개체	script	CSS CSS 규격	IE 버전
a	a.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
address	address.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
applet	applet.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
b	b.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
big	big.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
blockQuote	blockQuote.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
body	body.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
caption	caption.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
center	center.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
cite	cite.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
code	code.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
col	col.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
colGroup	colGroup.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
currentStyle	[sVal=]objectcurrentStyle.cursor	cssSelector{cursor:sVal}	IE5(win16,win32,unix,mac)
custom	custom.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE5(win32,unix)
dd	dd.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
publicDefaults	publicDefaults.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE5.5(win32)
dfn	dfn.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
dir	dir.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
div	div.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
dl	dl.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
dt	dt.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
em	em.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
embed	embed.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
fieldSet	fieldSet.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
form	form.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
hn	hn.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
hr	hr.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
html	html.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
i	i.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
iFrame	iFrame.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
img	img.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
button	button.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
checkbox	checkbox.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
FileUpload	FileUpload.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
image	image.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
password	password.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
radio	radio.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
reset	reset.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
submit	submit.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
text	text.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
kbd	kbd.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
label	label.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
legend	legend.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
li	li.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
listing	listing.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
marquee	marquee.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
menu	menu.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
Object	Object.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
ol	ol.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
p	p.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
plainText	plainText.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
pre	pre.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
rt	rt.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
ruby	ruby.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
runtimeStyle	objectruntimeStyle.cursor[=sVal]	cssSelector{cursor:sVal}	IE5(win16,win32,unix,mac)
s	s.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
samp	samp.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
small	small.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
span	span.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
strike	strike.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
strong	strong.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
style	style.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
sub	sub.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
sup	sup.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
table	table.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
tBody	tBody.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
td	td.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
textArea	textArea.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
tFoot	tFoot.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
th	th.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
tHead	tHead.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
tr	tr.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
tt	tt.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
u	u.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
ul	ul.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
var	var.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)
xmp	xmp.style.cursor[=sVal]	cssSelector{cursor:sVal}	IE4.0(win16,win32,ce,unix,mac)

참조

이 속성은 CSS2(Cascading Style Sheets Level 2)에 정의되었다.

style ⇒

cursor 스타일속성⇒

<SCRIPT>
function showAll(cursorType){
  divObj.style.cursor=cursorType;
  str='divObj.style.cursor=<FONT color=blue>'+divObj.style.cursor+'</FONT>';
  showA.innerHTML=str;
}
</SCRIPT>
<DIV id="divObj"
  style="border:solid 1 blue;background-color:ffa;padding:5;width:400">cursor를 선택하고 이 예제 DIV애 마우스를 올려보라.</DIV>
<SELECT id="selObj" onchange="showAll(selObj.options[selObj.selectedIndex].text)" size=8>
<OPTION>all-scroll
<OPTION>col-resize
<OPTION>crosshair
<OPTION>default
<OPTION selected>hand
<OPTION>help
<OPTION>move
<OPTION>no-drop
<OPTION>not-allowed
<OPTION>pointer
<OPTION>progress
<OPTION>row-resize
<OPTION>text
<OPTION>url(../../gif/lns.cur)
<OPTION>vertical-text
<OPTION>wait
<OPTION>NW-resize
<OPTION>NE-resize
</SELECT>
<DIV id=showA>결과 표시창</DIV>

style ⇒

cursor 스타일속성

⇒

최종 수정: 05/07/2025 16:26:01

All right reserved

비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요.

http://koxo.com/lang/js/style/cursor.html