Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • CSS Cursor Property

    • 0
    • 1
    • 0
    • 0
    • 0
    • 0
    • 15
    • 0
    • 709
    Comment on it

    Hey Readers!

    A cursor is a very important thing to be seen on a computer screen. By the name of a cursor, we usually get an image of an arrow in our mind. It is a movable arrow on a computer screen that identifies the point of the user (user's location).

    The cursor property in CSS makes the cursor appear in different forms for different functions.

    Basically, the property indicates what the cursor will look like at a certain point. When the cursor will be located over a particular element, the property set will work. This helps us understand better what does the cursor indicate what at that location.

    The syntax for the same is given below.

    Syntax :

    cursor: value;

     

    There are many such cursor functions. These are provided below within a category.

    General :


    1. auto : determined by browser
    2. default : generally an arrow
    3.  none : no cursor

     

    Links and Status :


    1. help : indicates help
    2. pointer : a hand
    3. progress : the program is busy
    4. wait : the program is busy

     

    Selection :


    1.  cell : selection of cells
    2. crosshair : selection in a bitmap 
    3. text : selection of text

     

    Drag and Drop :


    1. move : someting can be moved
    2. no-drop : drop is not allowed
    3. not-allowed : something cannot be done

     

    Zoom :


    1. zoom-in : magnify in
    2. zoom-out : magnify out

     

    Grab :


    1. grab : something can be grabbed 
    2. grabbing : in the process of grabbing

     

    Keep Coding!

    CSS Cursor Property

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: