<strike>
Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more
The Strike Element is Obsolete This element is obsolete and should not be used. Browser support for this element is limited and using it may produce unexpected results. Instead, use the
<s> element, the <del> element, or CSS.The STRIKE Element
The effect so nice they tagged it twice: <STRIKE> and <S> produce the same result. Both tags cause a line (a “strikeout”) to be drawn through the text.
<p>I love <S>Jodi</S> <S>Lilla</S> <S>Stacy</S> Maude.</p> <p>I love <STRIKE>Jodi</STRIKE> <STRIKE>Lilla</STRIKE> <STRIKE>Stacy</STRIKE> Maude.</p> Both tags produce the same effect.
I love Jodi Lilla Stacy Maude. I love Jodi Lilla Stacy Maude.
The strike-out effect can also be done using CSS styles. Set the text-decoration property to line-through. So, for example, this style rule creates a class named gone in which the letters are struck out:
<style> .gone { text-decoration: line-through; } </style> We can then apply the gone class to any HTML element. For example, this code creates an <em> element with the gone class:
<p>Really, the only girl for me now is <em class="gone">Janet</EM> Bebe.</p> Here’s how it looks rendered in the browser:
.gone {text-decoration: line-through;} Really, the only girl for me now is Janet Bebe.
