Available classes in HTML output

HTML output is enclosed in the <div> element with the id attribute "kcm-div". If you prefix any CSS rule in the HTML Style Sheets with #kcm-div, the scope of this rule will be limited to HTML output.

The following classes are used to style the HTML output.

  • Paragraphs (<p> elements): The class equals to the name of the selected style in the Text Block, no prefix is added to the class name. Additionally, paragraphs get a second class when they are indented. This class for indentation is <kcm-indent-n>, where n is the indentation level starting at 1.

  • Lists (<ol>, <ul>, <li> elements): No class is set.

  • Tables (<table> elements): The class is always 'normal' unless a table style has been applied with the TextBlockTableStyle pragma. No classes are set for the table rows and cells (<tr>, <td>, and <th> elements).

  • Images (<img> elements): No class is set.

  • Hyperlinks (<a> elements): No class is set.

Additionally, the following fixed classes are also set:

  • A paragraph without text: Gets the kcm-empty class.

  • A table with the auto-size property: Get the kcm-auto-size class.

  • A table with a header row, as well as all table cells in the header row: Get the kcm-header-row class.

  • A table with a footer row, as well as all table cells in the footer row : Get the kcm-footer-row class.

  • A table with the first column, as well as all table cells in the first column : Get the kcm-first-column class.

  • A table with the last column, as well as all table cells in the last column : Get the kcm-last-column class.

Additionally, the affected table cells are changed into <th>.

  • A tab character: Translated into <span> with the kcm-tab class.

In HTML output, adjacent tables are joined into one table. In this case, the joined table gets the kcm-auto-size, kcm-header-row, kcm-first-column, and kcm-last-column properties of the first of the joined tables, and the kcm-footer-row property of the last of the joined tables. Furthermore, the joined table also gets the column width of the first of the joined tables.

The following styling is applied by tags, instead of classes:

  • Text in bold is enclosed in the <strong> tags.

  • Text in italics is enclosed in the <emph> tags.

  • Underlined text is enclosed in the <u> tags.