Home Whiteboard Graphing Calculator Online Compilers Articles Tools
Tutorials Courses Jobs

Set outline style as a groove with CSS

CSS Web Development Front End Technology

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

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

274 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements