Ιδιότητα text-fill-color

Η ιδιότητα text-fill-color property ορίζει το χρώμα πλήρωσης των συμβόλων κειμένου ή την διαφάνειά τους χρησιμοποιώντας την τιμή transparent.

Σύνταξη

επιλογέας {
	text-fill-color: χρώμα ή transparent;
}

Παράδειγμα

Ας ορίσουμε στο κείμενό μας μια κλίση χρωμάτων ως πλήρωση με διαφάνεια:

<p>
	This is a text.
</p>

body {
	width: 200px;
	height: 100px;
}
p {
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	font-size: 26px;
	background: linear-gradient(#c42222, #ffef5e);
	-webkit-background-clip: text;
	background-clip: text;
}

Δείτε επίσης

η ιδιότητα text-stroke,
που ορίζει την περίγραμμα του κειμένου
η ιδιότητα text-stroke-color,
που ορίζει το χρώμα της περιγράμματος του κειμένου
η ιδιότητα text-stroke-width,
που ορίζει το πάχος της περιγράμματος του κειμένου