Was bedeutet Unterstreichung in CSS?

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).

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 代码：

element {
  text-decoration: underline;
}

其他划线属性

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

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

示例

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

p {
  text-decoration: underline;
}

h1 {
  text-decoration: line-through;
}

span {
  text-decoration: overline;
}

在上面的示例中，段落 (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!