My pure CSS solution would be to place another element of text behind your first element of text that is identical in number of characters characters being a text-decleration of line-through and a transform of rotate.

Text decoration line through diagonal. Text Decoration Line ThroughThis means that if an element specifies a text decoration then a child element cant remove the decoration. Text-decoration is the property used for text decoration. Sets this property to its default value.

No - the line-through property is not intended for that and cant be used that way. The text-decoration-line CSS property sets the kind of decoration that is used on text in an element such as an underline or overline. One of the most basic CSS properties is the text-decoration.

La propriété text-decoration est utilisée pour décorer le texte en ajoutant une ligne pouvant être positionnée sous sur ou à travers le texte. Generally using a text-decoration-line declaration only makes sense when youre writing a longhand style rule that includes text-decoration-style or a text-decoration-color declaration. If you want to use all three together you can use the shorthand text-decoration property.

If You want to add an diagonal Line you would have to use maybe a layer over the Text with an PNG in it as background Or Canvas. And that is the outer text-decoration will set the color of the line-through and text but an inner color declaration in a span tag can be used to reset the text color. You can copy our examples and paste them into your project.

In this guide well be going over how to use the line-through value to create a strikethrough effect on text and how to manipulate it for other cool effects. CSS の text-decoration-line プロパティは下線や上線など要素内の文字列に使われる装飾の種類を設定します. Line-through directly on the tag if it is the entire content of the tag that requires strikethrough and otherwise to use text-decoration.

The text-decoration property adds an underline overline line-through or a combination of lines to selected text. Text-decoration property takes underline overline line-through underline overline values to decorate the text in different ways. CSS text-decoration-line is used to set up the position of decorative lines for the text content of an element.