आउटलाइन स्टाइल को ग्रूव के रूप में सेट करने के लिए, outline-style प्रॉपर्टी का उपयोग करें जिसका मान groove हो। ग्रूव के तहत, आउटलाइन ऐसा लगता है जैसे यह पेज में उकेरा गया हो।
उदाहरण
<html> <head> </head> <body> <p style = "outline-width:3px;outline-style:groove;"> This text is having 3px groove outline. </p> </body> </html>