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

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

ไวยากรณ์

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

ตัวอย่าง

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

<p>
	Text
</p>

body {
	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,
ซึ่งกำหนดความหนาของเส้นขอบข้อความ