<s> HTML strikethrough element
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The <s> HTML element renders text with a strikethrough, or a line through it. Use the <s> element to represent things that are no longer relevant or no longer accurate. However, <s> is not appropriate when indicating document edits; for that, use the <del> and <ins> elements, as appropriate.
Try it
<p><s>There will be a few tickets available at the box office tonight.</s></p>
<p>SOLD OUT!</p>
s {
/* Add your styles here */
}
Attributes
This element only includes the global attributes.
Examples
css
.sold-out {
text-decoration: line-through;
}
html
<s>Today's Special: Salmon</s> SOLD OUT<br />
<span class="sold-out">Today's Special: Salmon</span> SOLD OUT
Result
Technical summary
| Content categories | Phrasing content, flow content. |
|---|---|
| Permitted content | Phrasing content. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | Any element that accepts phrasing content. |
| Implicit ARIA role |
deletion
|
| Permitted ARIA roles | Any |
| DOM interface | HTMLElement |
Specifications
| Specification |
|---|
| HTML> # the-s-element> |
Browser compatibility
See also
- The
<strike>element, alter ego of the<s>element, is obsolete and should not be used on websites anymore. - The
<del>element is to be used instead if the data has been deleted. - The CSS
text-decoration-lineproperty is to be used to achieve the former visual aspect of the<s>element.