To set the outline style as ridge, use the outline-style property with the value ridge. Under groove, the outline looks as though it is carved into the page. The ridge value is the opposite. Example                            This text is having 3px ridge outline.          

To set the outline style as a groove, use the outline-style property with the value groove. Under groove, the outline looks as though it is carved into the page.− Example                            This text is having 3px groove outline.          

To set the outline style as two solid lines, use the outline-style property with the value doubleExample                            This text is having 7px double outline.          

The outline property is a shorthand property that allows you to specify values for multiple properties such as width, line style, and color of the outline.Example                            This text is having thin solid freen outline.                            This text is having thick dashed green outline.                      

The outline-color property allows you to specify the color of the outline. Its value should either be a color name, a hex color, or an RGB value, as with the color and border-color properties.ExampleYou can try to run the following code to implement outline-color property −                            This text is having thin solid blue outline.                

The outline property is a shorthand property that allows you to specify values for multiple properties such as color, style, width of outline. Example                            This text is having thin solid freen outline.                            This text is having thick dashed green outline.                      

The outline-width property is used to set the width of the outline. Its value should be a length or one of the values thin, medium, or thick, just like the border-width attribute.Example                            This text is having thin outline.                            This text is having thick outline.                            This text is having 5x outline.          

With CSS cursor property, you can show a crosshair or plus sign, pointer, etc. You can try to run the following code to implement cursor property in CSS −Example                   Auto       Crosshair       Default       Pointer       Move       e-resize       ne-resize       nw-resize       n-resize       se-resize       sw-resize       s-resize       w-resize       text       wait       help   ... Read More

The cursor property of CSS allows you to specify the type of cursor that should be displayed to the user.The following table shows the possible values for the cursor propertyValueDescriptionautoShape of the cursor depends on the context area it is over.For example, an 'I' over text, a 'hand' over a link, and so on.crosshairA crosshair or plus signdefaultAn arrowpointerA pointing hand (in IE 4 this value is hand).moveA pointing hand (in IE 4 this value is hand).moveThe 'I' bare-resizeThe cursor indicates that an edge of a box is to be moved right (east).ne-resizeThe cursor indicates that an edge of a box ... Read More

The padding property sets the left, right, top and bottom padding of an element. You can try to run the following code to implement padding property. Example                            This is a paragraph.                      This is another paragraph.                      Top padding will be 15px, left and right padding will be 3% of the total width of the document, bottom padding will be 10px