Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
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-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.
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 cursor property of CSS allows you to specify the type of cursor that should be displayed to the user.Example Move the mouse over the words and see the changes in cursor: Auto Crosshair Default
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
To set the outline style as a dotted line, use the outline-style property with the value dotted − Example This text is having 7px dotted outline.