Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

青灯夜游
Freigeben: 2019-05-29 16:21:10
Original
3526 Leute haben es durchsucht

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.

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

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;
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage