Formatting

Extend DITA content formatting capabilities.

Remember: The extended content formatting works only with the Gray and Color templates. To ensure DITA content compatibility with other publishing scenarios, avoid overusing the DITA attributes associated with this style.

Overview

Resource location: @import url("https://jorsek.github.io/pdfgen.github.io/styles1.1/modules/styling/formatting.css");

DITA Outputclass Attributes

This module enables you to set the following @outputclass attributes in the DITA source:

You can assign the following attributes to:
  • Topic elements (including the root element of a topic)
  • The root element of a map
text_justify
To justify the text in an element, assign the @outputclass="text_justify" attribute.

In the following example, the @outputclass="text_justify" attribute is assigned to “Section A”.

formatting text justify
text_left
To align the text in an element to the left, assign the @outputclass="text_left" attribute. This is the default setting.
In the following example:
  • The @outputclass="text_justify" attribute is assigned to “Section A”
  • The @outputclass="text_left" attribute is assigned to the note element contained by “Section A”
formatting text left
text_right
To align the text in an element to the right, assign the @outputclass="text_right" attribute.
formatting text right
text_smaller
To shrink the text in an element to 12px, assign the @outputclass="text_smaller" attribute.

In the following example, the @outputclass="text_smaller" attribute is assigned to the note element.

formatting text smaller
text_small
To shrink the text in an element to 14px, assign the @outputclass="text_small" attribute.

In the following example, the @outputclass="text_small" attribute is assigned to the note element.

formatting text small
text_default
To set the text in an element to 16px, assign the @outputclass="text_default" attribute.
In the following example:
  • The @outputclass="text_smaller" attribute is assigned to the note element
  • The @outputclass="text_default" attribute is assigned to the second paragraph element in the note element.
formatting text default
text_large
To enlarge the text in an element to 18px, assign the @outputclass="text_large" attribute.

In the following example, the @outputclass="text_large" is assigned to the note element.

formatting text large
text_larger
To enlarge the text in an element to 20px, assign the @outputclass="text_larger" attribute.

In the following example, the @outputclass="text_larger" is assigned to the note element.

formatting text larger