กำหนดเงาข้อความด้วย CSS (text-shadow)

คุณสมบัติ text-shadow

คุณสมบัติ text-shadow ใช้กำหนดเงารอบข้อความ

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อนำ text-shadow ไปใช้:

<html>
  <head>
  </head>
  <body>
    <p style="text-shadow:2px 2px 5px red;">
      Indian is a country in continent Asia. </p>
  </body>
</html>

รูปแบบค่า:

text-shadow: h-offset v-offset blur-radius color;

• h-offset - ระยะแนวนอน (บวก = ขวา, ลบ = ซ้าย)
• v-offset - ระยะแนวตั้ง (บวก = ล่าง, ลบ = บน)
• blur-radius - รัศมีการเบลอ (optional, default 0)
• color - สีของเงา (optional, default = currentColor)

สามารถกำหนดเงาหลายชั้นได้ คั่นด้วยจุลภาค: text-shadow: 1px 1px 2px red, -1px -1px 2px blue;