HTML cursor:hand 와 cursor:pointer 어느게 표준일까?
페이지 정보
본문
- cursor:hand 는 Microsoft 에서 정한 표준(?), 그러나 W3C에서는 cursor:pointer 를 표준으로 지정함
cursor:hand 사용시 문법적 오류는 발생하지 않으나 IE 외의 브라우저에서는 작동안할수 있음
'cursor' -
Value: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit Initial: auto Applies to: all elements Inherited: yes Percentages: N/A Media: visual, interactive Computed value: as specified, except with any relative URLs converted to absolute
This property specifies the type of cursor to be displayed for the pointing device. Values have the following meanings:
- auto
- The UA determines the cursor to display based on the current context.
- crosshair
- A simple crosshair (e.g., short line segments resembling a "+" sign).
- default
- The platform-dependent default cursor. Often rendered as an arrow.
- pointer
- The cursor is a pointer that indicates a link.
- move
- Indicates something is to be moved.
- e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize
- Indicate that some edge is to be moved. For example, the 'se-resize' cursor is used when the movement starts from the south-east corner of the box.
- text
- Indicates text that may be selected. Often rendered as an I-beam.
- wait
- Indicates that the program is busy and the user should wait. Often rendered as a watch or hourglass.
- progress
- A progress indicator. The program is performing some processing, but is different from 'wait' in that the user may still interact with the program. Often rendered as a spinning beach ball, or an arrow with a watch or hourglass.
- help
- Help is available for the object under the cursor. Often rendered as a question mark or a balloon.
- <uri>
- The user agent retrieves the cursor from the resource designated by the URI. If the user agent cannot handle the first cursor of a list of cursors, it should attempt to handle the second, etc. If the user agent cannot handle any user-defined cursor, it must use the generic cursor at the end of the list.
Example(s):
:link,:visited { cursor: url(example.svg#linkcursor), url(hyper.cur), pointer }
This example sets the cursor on all hyperlinks (whether visited or not) to an external SVG cursor. User agents that don't support SVG cursors would simply skip to the next value and attempt to use the "hyper.cur" cursor. If that cursor format was also not supported, the UA would skip to the next value and simply render the 'pointer' cursor.
참고사이트
http://www.w3.org/TR/CSS21/ui.html#propdef-cursor
http://nameslayer.tistory.com/178
댓글목록
등록된 댓글이 없습니다.