CSS Outlines and Cursors

CSS Outlines:

The outlines are generally used to highlight elements.

The outline-width property specifies the width of the outline to be added on an element. Its value should be, a CSS length (px, pt, em, and so on) or one of the allowed keywords, but percentage or negative values are not allowed. Just like the border-width property.

​

Ex.

    p {

        outline-width: thick;

     }

​

Properties:

none, hidden, dashed, dotted, double, groove, inset, outset, ridge and solid.

​

CSS Cursors:

CSS cursor property used to define cursor type (i.e. mouse pointer) when the mouse moves over a certain area or, over a link on the webpage.

​

Ex.

     h1 {

       cursor: move;

      }

​

Cursor values: Many other values of cursors which are given below:

     Default

     Pointer

     Text

     Wait

     move

     etc.