CODEWITHSUNDEEP
htmlcss
Zorgan
Zorgan

Reputation: 9123

How to perform a double strikethrough on text with inline css?

I want my text to have 2 strikethroughs but using only inline CSS.

How can I achieve this?

Upvotes: 2

Views: 1594

Answers (2)

Unmitigated
Unmitigated

Reputation: 89224

You can use the del tag with text-decoration-style: double for a double strikethrough.

<del style="text-decoration-style: double;">Text with double strike through</del>

To apply a double strikethrough on normal text inside a span or other tag, you can use text-decoration: line-through and text-decoration-style: double.

<span style="text-decoration: line-through; text-decoration-style: double;">Text with double strikethrough</span>

See also: text-decoration-style, text-decoration

Upvotes: 7

Temani Afif
Temani Afif

Reputation: 272772

you can use gradient:

<span style="background:linear-gradient(#000,#000) 50% 35%/100% 1px no-repeat,linear-gradient(#000,#000) 50% 65%/100% 1px no-repeat;">some text to strike</span>

Upvotes: 0

Related Questions