CSS "text-decoration-color" özelliği, metin üzerindeki alt çizgi, üst çizgi veya üstü çizgili metnin rengini belirlemek için kullanılır.

Aşağıdaki örneği inceleyelim...

a {
  text-decoration-color: blue;
}

Bu kodda, "a" etiketi için tanımlanmış olan metinlerin üst çizgisi mavi olacaktır.

Eğer alt çizgi için renk belirlemek istiyorsanız, "text-decoration-line" özelliğini "underline" olarak değiştirebilirsiniz. Aşağıda bununla ilgili örnek verilmiştir.

a {
  text-decoration-line: underline;
  text-decoration-color: red;
}

"text-decoration-color" özelliği, RGB, HEX, RGBA veya renk adları gibi değerler alabilir. Örnek olarak, aşağıdaki kod kırmızı bir üst çizgi için kullanılmaktadır.

p {
  text-decoration-line: overline;
  text-decoration-color: #ff0000;
}

Bu özellik, metin üzerindeki çizgilerin renklerini kolayca değiştirmenizi ve web sayfanızda daha çekici bir görünüm elde etmenizi sağlar. Ancak, dikkat etmeniz gereken bir nokta, bu özellik sadece metin üzerindeki çizgiler için geçerlidir ve metin rengini değiştirmek için "color" özelliğini kullanmalısınız.