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> 이것은 다음과 같은 출력을 제공합니다.
