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>