Heim > Artikel > Web-Frontend > So verwenden Sie die CSS-Eigenschaft text-decoration-color

So verwenden Sie die CSS-Eigenschaft text-decoration-color

青灯夜游Original: 2019-05-29 16:21:103472Durchsuche

css text-decoration-color-Eigenschaft wird verwendet, um die Farbe der Textdekoration festzulegen (Unterstreichung, Überstreichung und Unterstreichung). Beachten Sie, dass das text-decoration-color-Attribut nur funktioniert, wenn das sichtbare text-decoration-Attribut zuerst für das Element festgelegt wird.

Wie verwende ich die CSS-Eigenschaft text-decoration-color?

Das Attribut text-decoration-color gibt die Farbe der Textdekoration an (unterstrichen, überstrichen, durchgestrichen).

Hinweis: Das text-decoration-color-Attribut funktioniert nur bei Elementen mit einem sichtbaren text-decoration-Attribut.

Syntax:

text-decoration-color: color|initial|inherit;

Attributwert:

● Farbe: Gibt die Farbe der Textänderung an.

● initial: Setzen Sie diese Eigenschaft auf ihren Standardwert.

● Erben: Erbt dieses Attribut vom übergeordneten Element.

Hinweis: Fast alle gängigen Browser unterstützen das text-decoration-color-Attribut nicht. Firefox unterstützt eine alternative Eigenschaft, die Eigenschaft -moz-text-decoration-color.

css text-decoration-color attribute example

<!DOCTYPE html>
<html>
<head>
<style>
p
{
text-decoration: underline;
text-decoration-color: red;
-moz-text-decoration-color: red; /* 针对 Firefox 的代码 */
}
</style>
</head>
<body>
<p>
线条的颜色现在应该是红色！
</p>
<p><b>注意：</b>几乎所有的主流浏览器都不支持 text-decoration-color 属性。</p>
<p><b>注意：</b>Firefox 支持另一个可替代该属性的属性，即 -moz-text-decoration-color 属性。</p>
</body>

Rendering:

So verwenden Sie die CSS-Eigenschaft text-decoration-color

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Eigenschaft text-decoration-color. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So verwenden Sie das CSS-@media-AttributNächster Artikel：So verwenden Sie das CSS-@media-Attribut

In Verbindung stehende Artikel

Mehr sehen