Set outline style as ridge with CSS



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

<html>    <head>    </head>    <body>       <p style = "outline-width:3px;outline-style:ridge;">          This text is having 3px ridge outline.       </p>    </body> </html>
Updated on: 2020-03-04T11:28:16+05:30

207 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements