Birkod - CSS ile Metinler text decoration color

CSS ile Metinler text decoration color

CSS ile Metinler › text-decoration-color

Aldığı Değerler: color
Kullanım Şekli: text-decoration-color: Değer

Bu kod yalnızca Firefox için geçerlidir!

Pek fazla kullanılmamaktadır. Asıl sebebi genel olarak kullanıcıların tercih ettiğin tarayıcı olan Chrome tarafından desteklenmemesidir. Yine de kodlarımız arasında yer almasında fayda gördük. Aşağıdaki css kodumuzu incelersek önceki dersimizde öğrendiğimiz text-decoration: underline; komutu ile yazımızın altının çizi olmasını sağladık. Ardından da text-decoration-color: #e74c3c; komutu ile alt yazımızın rengini belirledik.

stil.css

.textDecorationColor {
	text-decoration: underline;
    -moz-text-decoration-color: #e74c3c; /* Firefox İçin */
    text-decoration-color: #e74c3c;
}

index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>BirKod | Text-Decoration-Color</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<h4>Bu yazımızda <b>TEXT-DECORATION-COLOR</b> özelliği kullanılmıştır.</h4>
	<div class="textDecorationColor">BirKod ile <b>Text-Decoration</b> özelliği üzerine çalışıyoruz!</div>
</body>
</html>

Kodun Önizlemesi;

Örnek olarak resmimize baktığımız da Firefox tarayıcısı üzerinde yazımızın altı çizili ve çizgisi kırmızı renklidir.