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