CSS durchgestrichenes CSS

CSS Strikethrough (CSS Strikethrough)

Im Webdesign wird das Durchstreichen häufig verwendet, um anzuzeigen, dass ein bestimmter Textabschnitt nicht mehr gültig ist oder geändert wurde. CSS bietet mehrere Methoden zum Durchstreichen von Text. In diesem Artikel werden zwei davon vorgestellt: text-decoration und text-decoration-line.

Textdekorationsattribut

Textdekorationsattribut ist ein Attribut in CSS, das zum Hinzufügen dekorativer Linien zu Text verwendet wird. Es kann Unterstreichungen, Überstreichungen, Durchstreichungen usw. von Text steuern. Das Folgende ist die Syntax des Textdekorationsattributs:

text-decoration: [line] [style] [color];

Darunter wird der Linienparameter zum Festlegen des Typs der Zierlinie, der Stilparameter zum Festlegen des Stils der Zierlinie und der Farbparameter verwendet Wird verwendet, um die Farbe der Zierlinie festzulegen.

Um den Text durchzustreichen, müssen Sie nur den Linienparameter auf „Durchgestrichen“ einstellen. Der Stil kann standardmäßig deaktiviert bleiben und die Farbe kann nach Bedarf eingestellt werden. Hier ist ein Beispiel:

p {
    text-decoration: line-through;
    color: red;
}

In diesem Beispiel fügen wir dem p-Element eine Durchstreichung hinzu, der Stil ist nicht festgelegt und die Farbe ist auf Rot festgelegt.

text-decoration-line-Attribut

text-decoration-line-Attribut ist ein neues Attribut in CSS3, das zur Steuerung des Typs der dekorativen Linie verwendet wird. Im Gegensatz zum Attribut text-decoration muss für text-decoration-line nur ein Typ festgelegt werden. Das Folgende ist die Syntax des text-decoration-line-Attributs:

text-decoration-line: [line];

Wir müssen nur den Zeilenparameter auf „durchgestrichen“ setzen, um dem Text eine Durchstreichung hinzuzufügen. Hier ist ein Beispiel:

p {
    text-decoration-line: line-through;
    color: blue;
}

In diesem Beispiel haben wir auch das p-Element durchgestrichen und die Farbe auf Blau gesetzt. Da die Eigenschaft text-decoration-line nur den Linientyp steuert, muss die Farbe über die Eigenschaft color festgelegt werden.

Zusammenfassung

Mit den beiden oben genannten Methoden können wir Text in CSS durchstreichen. Das Attribut „text-decoration“ kann mehrere Dekorationslinien gleichzeitig steuern. Das Attribut „text-decoration-line“ muss nur das Durchstreichen festlegen, was prägnanter sein kann. Im eigentlichen Entwicklungsprozess müssen Sie basierend auf Ihren Anforderungen die geeignete Methode auswählen, um den Durchstreichungseffekt zu erzielen.

Das obige ist der detaillierte Inhalt vonCSS durchgestrichenes CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!