cursor
CSS cursor Property
The CSS cursor property is used to change the cursor style when it is over selected elements.
Using the URL value for custom graphical or animated cursors:
Example: url(images/myCursor.cur) 0 0;
Specify the path and file name to an image that replaces the default cursor. The two numbers that follow the url are optional for specifying the cursor image hotspot, the first value represents the X→ plane and the second represents the Y↓ plane of the hotspot. Microsoft says that Internet Explorer only renders .ani and .cur type cursor files, and I have found its operation to be not very cross-browser compliant in regards to file types. Chrome will allow a jpg, gif or png as custom cursor, Firefox has different tastes as well.
CSS CODE EXAMPLE
<!DOCTYPE html>
<style type="text/css">
#div1 { cursor: move; }
#div2 { cursor: help; }
#div3 { cursor: pointer; }
#div1, #div2, #div3 {
background: #9CF8F8;
padding: 12px;
margin: 12px;
}
</style>
<div id="div1">div content ...</div>
<div id="div2">div content ...</div>
<div id="div3">div content ...</div>
<style type="text/css">
#div1 { cursor: move; }
#div2 { cursor: help; }
#div3 { cursor: pointer; }
#div1, #div2, #div3 {
background: #9CF8F8;
padding: 12px;
margin: 12px;
}
</style>
<div id="div1">div content ...</div>
<div id="div2">div content ...</div>
<div id="div3">div content ...</div>
div content ...
div content ...
div content ...
Possible Values:
url (see url info below)━ inherit ━ auto ━ default ━ none ━ context-menu ━ help ━ pointer ━ progress ━ wait ━ cell ━ crosshair ━ text ━ vertical-text ━ alias ━ copy ━ move ━ no-drop ━ not-allowed ━ e-resize ━ n-resize ━ ne-resize ━ nw-resize ━ s-resize ━ se-resize ━ sw-resize ━ w-resize ━ ew-resize ━ ns-resize ━ nesw-resize ━ nwse-resize ━ col-resize ━ row-resize ━ all-scroll ━ zoom-in ━ zoom-outUsing the URL value for custom graphical or animated cursors:
Example: url(images/myCursor.cur) 0 0;
Specify the path and file name to an image that replaces the default cursor. The two numbers that follow the url are optional for specifying the cursor image hotspot, the first value represents the X→ plane and the second represents the Y↓ plane of the hotspot. Microsoft says that Internet Explorer only renders .ani and .cur type cursor files, and I have found its operation to be not very cross-browser compliant in regards to file types. Chrome will allow a jpg, gif or png as custom cursor, Firefox has different tastes as well.
0 Response to "cursor"
Post a Comment