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: 04-Mar-2020

137 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements