เพื่อตั้งค่า Outline ให้เป็น Groove ใช้ outline-style ค่า groove รูปแบบนี้จะทำให้ Outline ดูเหมือนถูกแกะสลักซุ้มเข้าไปในหน้าจอ
ตัวอย่าง
<html>
<head></head>
<body>
<p style="outline-width:3px; outline-style:groove;">
This text is having 3px groove outline.
</p>
</body>
</html>
