CSS text-decoration-color ใช้เพื่อเปลี่ยนสีของ text-decoration-line
ไวยากรณ์
ไวยากรณ์ของคุณสมบัติ CSS text-decoration-color มีดังนี้ -
Selector {
text-decoration-color: /*value*/
} ตัวอย่าง
ตัวอย่างต่อไปนี้แสดงคุณสมบัติ CSS text-decoration-color
<!DOCTYPE html>
<html>
<head>
<style>
p {
background-color: gray;
margin: 4%;
font-size: 1.2em;
text-decoration: underline;
text-decoration-color: violet;
}
</style>
</head>
<body>
<p>
Y aserejé-ja-dejé De jebe tu de jebere seibiunouva majavi an de bugui an de güididípi
</p>
</body>
</html> สิ่งนี้ให้ผลลัพธ์ต่อไปนี้
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<style>
div, a {
margin: 4%;
font-size: 1.2em;
text-decoration: underline;
text-decoration-color: green;
}
</style>
</head>
<body>
<div>
Underlined demo text.
<a href=#>Hyperlink here!</a>
</div>
</body>
</html> สิ่งนี้ให้ผลลัพธ์ต่อไปนี้
