HTML CSS Reference/CSS Attributes and Javascript Style Properties/cursor

Материал из Web эксперт
Перейти к: навигация, поиск

"cursor" Example

   <source lang="html4strict">

<html> <body> 

           Move the mouse over this element.

</body> </html> 


     </source>


"cursor" is applied to

   <source lang="html4strict">

+----------------+--------------------------------------------------------------+ | Applied_To |<a> <address> | | |<applet> |

| |
|

| |<body> |

| |
|

| | <col> | | |<colgroup> currentStyle | | |<custom>

| | |defaults |

| |<dir>
| | |
| | | <embed> | | |<fieldset> <form> | | |<hn>
|

| |<html> | | |<iframe> <img> | | |<input type="button"> <input type="checkbox"> | | |<inputtype="file"> <input type="image"> | | |<input type="password"> <input type="radio"> | | |<input type="reset"> <input type="submit"> | | |<input type="text"> | | |<label> <legend> |

| |
  • <listing> | | |<marquee> <menu> | | |<object>
      | | |

                               |
|                |                                                    |
|                |runtimeStyle                                               |
|                |                                                 |
|                |                                                |
|                |                        style                         |
|                |                                                    |
|                |                         <tbody>                       |
|                |                          |
|                |                                                       |
|                |
                                                             |
|                |<xmp>                                                         |
+----------------+--------------------------------------------------------------+
      
      </source>
    
   



        "cursor" Possible Values
        

            <source lang="html4strict">
Possible Values
all-scroll           (IE6+) The cursor has four arrows pointing up, down, left, and 
                      right.

        auto                 The default; the browser determines the cursor to display based 
                     on the current element.

        col-resize           (IE6+) The cursor contains left and right arrows separated by 
                     a verticalbar.

        crosshair            The cursor is a crosshair.
move                 Crossed arrows, indicating that you can move an object.
default              The cursor is operating system dependent, usually an arrow pointer.
hand                 The cursor is a hand.
help                 The cursor has an arrow with a question mark.
no-drop              (IE6 only) The cursor is a hand with a small stop sign.
not-allowed          (IE6 only) The cursor is a small stop sign.
pointer              (IE6 only) Same as hand.
progress             (IE6 only) The cursor is an arrow with an hourglass next to it.
row-resize           (IE6 only) The cursor contains up and down arrows connectedby 
                     a horizontal line.
text,                (IE6 only) The cursor is an I-bar indicating that the text 
                     the element can be edited.
url                  (IE6 only) This specifies the location of the cursor file.
wait                 The cursor is an hourglass or watch.
n-resize,            The cursor is an arrow pointing to any of the eight compass 
                     directions.

        ne-resize,
nw-resize,
s-resize,
se-resize,
sw-resize,
e-resize,
w-resize    


              
      </source>


           


        

        

        "cursor" Syntax and Note
        

            <source lang="html4strict">
Note:
Specifies the cursor type.
Syntax:

        element { cursor: value }
elementID.style.cursor = "value"
document.all.elementID.style.cursor = "value" // IE only


              
      </source>

        

      

      


                                  <textarea>                    |
|                |<tfoot>                                                   |
|                |<thead>

    • Источник — «http://wbex.ru/index.php?title=HTML_CSS_Reference/CSS_Attributes_and_Javascript_Style_Properties/cursor&oldid=6081»