คุณสมบัติ text-stroke-color

คุณสมบัติ text-stroke-color กำหนดสีเส้นขอบ ของตัวอักษรในข้อความ หรือสี การวาดขอบของข้อความ

ไวยากรณ์

cssตัวเลือก {
  text-stroke-color: สี;
}

ตัวอย่าง

เรามากำหนดเส้นขอบสีส้มให้กับตัวอักษรของข้อความของเรากัน:

html<p>
  Text
</p>
cssbody {
  width: 200px;
  height: 100px;
}
p {
  -webkit-text-stroke-color: orange;
  text-stroke-color: orange;
  -webkit-text-stroke-width: 1px;
  color: white;
  padding: 10px;
  font-size: 30px;
  font-weight: bold;
  font-family: Arial;
}

Результат:

ดูเพิ่มเติม

  • คุณสมบัติ text-fill-color,
    ซึ่งกำหนดสีเติมภายในให้กับตัวอักษรของข้อความ
  • คุณสมบัติ text-stroke,
    ซึ่งกำหนดการวาดขอบข้อความ
  • คุณสมบัติ text-stroke-width,
    ซึ่งกำหนดความหนาของเส้นขอบข้อความ