HTML Standard: <dl>, <dt>, <dd> tags

HTML Standard

HTML Extended

<dl>, <dt>, <dd> tags

Inserts a description list.

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.

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) transparent
color	hexadecimal color HSL color HSLA color (alpha value is ignored) predefined/cross-browser color RGB color RGBA color (calculated from RGB color)
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 (calculated from RGB color) 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-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
data-em	Emphasis mark type: none dot circle comma underDot

Code samples

Example #1

<style>
    .mystyle {
        background-color: rgb(0, 255, 0);
    }
</style>
<dl class="mystyle">
  <dt>This DL has a background color with RGB values</dt>
  <dd>Subitem dd 1</dd>
  <dt>...and subitems.</dt>
  <dd>Subitem dd 2</dd>
  <dd>Subitem dd 3</dd>
</dl>

The resulting Word document looks like:

Example #2

<style>
    .mystyle {
        color: #ff0000;
        direction: ltr;
    }
    .mystyle2 {
        font-family: Arial;
        font-size: 15px;
        font-stretch: expanded;
    }
    .mystyle3 {
        line-height: 50px;
        text-transform: uppercase;
    }
    .mystyle3 dt {
        margin-left: 90pt;
    }
</style>
<dl class="mystyle">
  <dt>This DL has a color with a hexadecimal value</dt>
  <dd>...and its text goes from left to right. </dd>
</dl>
<dl class="mystyle2">
  <dt>This DL has defined a font-family (Arial) and font-size (15px)</dt>
  <dd>..and an expanded font-stretch value. </dd>
</dl>
<dl class="mystyle3">
  <dt>This DL has a line-height in pixels (5px) and a margin-left with a pt value (90pt)</dt>
  <dd>...as well as a text transformed to uppercase.</dd>
</dl>

The resulting Word document looks like: