Heim > Web-Frontend > CSS-Tutorial > Was bedeutet Unterstreichung in CSS?

Was bedeutet Unterstreichung in CSS?

下次还敢
Freigeben: 2024-04-26 10:51:14
Original
1004 Leute haben es durchsucht

Underline ist in CSS ein Textdekorationsattribut, das zum Hinzufügen einer horizontalen Linie unter dem Text verwendet wird. Es wird über das Textdekorationsattribut festgelegt. Die optionalen Werte sind „none“ (keine Unterstreichung), „underline“ (unterstrichen) und „line“. -through (löschen) Zeile); außerdem unterstützt das Textdekorationsattribut auch Overline (Overline), Blink (Blinken, nicht empfohlen) und Wavy (Wellenlinie, nicht in allen Browsern unterstützt).

Was bedeutet Unterstreichung in CSS?

Strike in CSS

In CSS bedeutet ein Strich das Hinzufügen einer horizontalen Linie zum Text. Es handelt sich um ein Textdekorationsattribut, das auf Text in HTML-Elementen angewendet werden kann.

So verwenden Sie Bindestriche

Verwenden Sie in CSS das Attribut text-decoration, um Bindestriche festzulegen. Der Wert dieses Attributs kann einer der folgenden drei Werte sein: text-decoration 属性来设置划线。该属性的值可以是以下三个值之一:

  • none:不添加任何划线。
  • underline:添加一条水平划线。
  • line-through:添加一条穿过文本的水平线。

例如,要为 HTML 元素中的文本添加一条水平划线,可以使用以下 CSS 代码:

<code class="css">element {
  text-decoration: underline;
}</code>
Nach dem Login kopieren

其他划线属性

除了上述三个值外,text-decoration 属性还支持以下附加属性:

  • overline:添加一条水平线在文本的上方。
  • blink:使文本闪烁(不推荐使用)。
  • wavy:使文本呈现波浪线(在所有浏览器中不受支持)。

示例

以下是一个使用不同划线属性的代码示例:

<code class="css">p {
  text-decoration: underline;
}

h1 {
  text-decoration: line-through;
}

span {
  text-decoration: overline;
}</code>
Nach dem Login kopieren

在上面的示例中,段落 (p) 文本将会有下划线,标题 1 (h1) 文本将会有删除线,跨度 (span

  • none: Fügen Sie keine Unterstriche hinzu.
  • underline: Fügen Sie eine horizontale Unterstreichung hinzu.
  • line-through: Fügt eine horizontale Linie durch den Text hinzu.
Um beispielsweise Text in einem HTML-Element horizontal durchzustreichen, können Sie den folgenden CSS-Code verwenden: 🎜rrreee🎜🎜Andere Durchstreichungseigenschaften🎜🎜🎜Zusätzlich zu den oben genannten drei Werten: text-decoration unterstützt auch die folgenden zusätzlichen Attribute: 🎜
  • overline: Fügt eine horizontale Linie über dem Text hinzu.
  • blink: Text blinken lassen (veraltet).
  • wavy: Lässt Text wellenförmig erscheinen (nicht in allen Browsern unterstützt).
🎜🎜Beispiel🎜🎜🎜Hier ist ein Codebeispiel mit verschiedenen Unterstreichungsattributen: 🎜rrreee🎜Im obigen Beispiel hat der Absatztext (p) eine Unterstreichung und eine Überschrift 1 (h1) Text wird durchgestrichen und span (span) Text wird überstrichen. 🎜

Das obige ist der detaillierte Inhalt vonWas bedeutet Unterstreichung in CSS?. 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