HTML Standard: <caption>, <figcaption> tags

HTML Standard

HTML Extended

<caption>, <figcaption> tags

Inserts a caption.

Attributes

Attribute	Description
class	One or more classes. This attribute used with the wordStyles option allows applying a custom paragraph style.
id	Id.
style	Inline styles. Styles can also be applied using style tags.
dir	Direction style: ltr, rtl, lrTb, tbRl, btLr, lrTbV, tbRlV, tbLrV.

Styles

Style	Description
background-color	hexadecimal color HSL color HSLA color (alpha value is ignored) predefined/cross-browser color RGB color RGBA color (alpha value is ignored)
color	hexadecimal color HSL color HSLA color (alpha value is ignored) predefined/cross-browser color RGB color RGBA color (alpha value is ignored)
border, border-top, border-right, border-bottom, border-left	border-color: hexadecimal color HSL color HSLA color (alpha value is ignored) predefined/cross-browser color RGB color RGBA color (alpha value is ignored) border-style: dashed dotted double groove inset none outset ridge solid border-width: medium thick thin length: cm, in, mm, pt, pc, px
direction	ltr rtl lrTb tbRl btLr lrTbV tbRlV tbLrV
display	none
float	left right Use with parseFloats option.
font-family	Arial, Helvetica, Verdana...
font-size	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
line-height	length: cm, in, mm, pt, pc, px percentage
margin, margin-top, margin-right, margin-bottom, margin-left	length: em, pt, px percentage
padding, padding-top, padding-right, padding-bottom, padding-left	length: em, pt, px percentage
page-break	page-break-after: avoid (set keepNext as true) page-break-before: always (set pageBreakBefore as true) avoid (set widowControl as false) page-break-inside: avoid (set keepLines as true)
text-align	center justify left right
text-decoration	line-through double-line-through underline dashed dotted double solid wavy
text-indent	length: em, pt, px percentage
text-transform	uppercase
vertical-align	sub super

Custom MS Word styles

Using createParagraphStyle and HTML, custom paragraph styles can be applied to use more styles.

HTML Extended (Premium licenses)

Attribute	Description
data-label	Sets a custom label.
data-lang	Sets a custom language: language-region (en-US).
data-ppr	Applies a custom pPr style.
data-style	Applies a custom paragraph style.

CSS Extended (Premium licenses)

Style	Description
border-spacing	px.
data-em	Emphasis mark type: none dot circle comma underDot
data-heading-level	Sets outline level to contents without using heading tags.

Code samples

Example #1

<style>
    .mystyle {
        line-height: 110%;
        text-indent: 10px;
    }
</style>
<caption class="mystyle">This caption text has a line-height of a 110% and a text-indent of 10px.</caption>

The resulting Word document looks like:

Example #2

<style>
    .mystyle {
        border: 5px solid blue;
        padding: 10px;
        text-align: justify;
    }
    .mystyle2 {
        background-color: #808080;
        color: olive;
    }
    .mystyle3 {
        display: none;
    }
</style>
<caption class="mystyle">This is a caption text. It has a border style, with a 5px width, solid and blue. It also has a justified text align style, and a padding of 10px. </caption>
<caption class="mystyle2">This is a caption text. It has a background-color with a hexadecimal value and a text with a predefined color. </caption>
<p>What follows is a caption text with a display of "none", and therefore it will not appear on the generated document.</p>
<caption class="mystyle3">This is a caption text with a display of "none" and it will not appear on the generated document.</caption>

The resulting Word document looks like: