HTML Standard: <s> tag

HTML Standard

HTML Extended

<s> tag

Inserts a line through text.

This tag can be replaced by a CSS style.

Attributes

Attribute	Description
class	One or more classes.
id	Id.
style	Inline styles. Styles can also be applied using style tags.

Styles

Style	Description
background-color	hexadecimal color HSL color HSLA color (alpha value is ignored) predefined/cross-browser color RGB color RGBA color (calculated from RGB color)
color	initial hexadecimal color HSL color HSLA color (alpha value is ignored) predefined/cross-browser color RGB color RGBA color (calculated from RGB color)
direction	ltr rtl
display	none
font-family	Arial, Helvetica, "Times New Roman", Verdana... Any font can be applied, but it must be available in the DOCX or in the OS.
font-size	initial large larger length: cm, em, ex, in, mm, pt, pc, px, percentage, rem (as em) medium small smaller x-large x-small xx-large xx-small
font-stretch	condensed expanded extra-condensed extra-expanded semi-condensed semi-expanded ultra-condensed ultra-expanded
font-style	italic normal oblique
font-variant	small-caps
font-weight	bold bolder normal 700, 800, 900
letter-spacing	length: cm, in, mm, pt, pc, px normal
text-decoration	line-through double-line-through none underline
text-decoration-color	hexadecimal color
text-decoration-style	dashed dotted double solid wavy
text-transform	uppercase
vertical-align	sub super

Custom MS Word styles

Using createCharacterStyle and HTML, custom character styles can be applied to use more styles.

HTML Extended (Premium licenses)

Attribute	Description
data-lang	Sets a custom language: language-region (en-US).
data-rpr	Applies a custom rPr style.

CSS Extended (Premium licenses)

Style	Description
data-color	Sets to "initial" to avoid applying a color.
data-em	Emphasis mark type: none dot circle comma underDot
data-custom	Custom rPr style.
data-font-family	Sets to "initial" to avoid applying a font family.
data-font-size	Sets to "initial" to avoid applying a font size.
data-highlight	Highlight style: black, blue, cyan, green, magenta, red, yellow, white, darkBlue, darkCyan, darkGreen, darkMagenta, darkRed, darkYellow, darkGray, lightGray.

Code samples

Example #1

<style>
    #mystyle {
      font-stretch: ultra-expanded;
      font-style: italic;
      font-variant: small-caps;
    }
</style>
<s id="mystyle">This s text has an ultra expanded font stretch, a font style in italics and a font variant in small caps.</s>

The resulting Word document looks like:

Example #2

<style>
    #mystyle {
        text-decoration: double-line-through;
        text-decoration-style: solid;
    }
    #mystyle2 {
        text-transform: uppercase;
        vertical-align: super;
    }
    #mystyle3 {
        letter-spacing: 20px;
        font-family: Arial;
    }
</style>
<s id="mystyle">This s text has a text decoration with a double line through and a solid style.</s>
<br>
<s id="mystyle2">This s text has a text transform style set to uppercase and a vertical align with "super" as a value.</s>
<br>
<s id="mystyle3">This s text has a letter spacing of 20px and Arial as font family.</s>

The resulting Word document looks like: