*.selfClosing

This group of options controls whether an element should be self-closed or not if it doesn't have children.

There're several options:

  • html.normal.selfClosing: This option affects on HTML normal elements.
  • html.void.selfClosing: This option affects on HTML void elements.
  • component.selfClosing: This option affects on Vue, Svelte, Astro and Angular components.
  • svg.selfClosing: This option affects on SVG elements.
  • mathml.selfClosing: This option affects on MathML elements.

All of these options can be set as null, true or false:

  • null: Whether the element is self-closed or not won't be changed. Keep it as-is.
  • true: Element will always be self-closed.
  • false: Element will never be self-closed.

All of these options are default to null.

Example for null

Input:

<div />
<div></div>

Output:

<div />
<div></div>

Example for true

Input:

<div />
<div></div>

Output:

<div />
<div />

Example for false

Input:

<div />
<div></div>

Output:

<div></div>
<div></div>