DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:odt:cssimportparagraphstyle

CSS Import: paragraph styles

This pages gives an overview of how CSS import works for the ODT paragraph styles.

Paragraph style list

The following sections shows the paragraph styles and describes their CSS import:

Text Body

The “Text Body” style is applied to normal text. The CSS import is performed in the following way:

  1. create/simulate an empty HTML document:
    That means create a HTML page which corresponds to an empty DokuWiki page using the default template. So the HTML page is not empty but the DokuWiki page.
  2. put an p element in it
  3. query the matching CSS properties for that element
  4. assign the properties to the style

Headings

The styles “Heading 1” to “Heading 5” are applied to headlines. The CSS import works like for “Text Body” with the difference that the elements h1 to h5 are used.

Preformatted

The style “Preformatted” is applied to preformatted text. The CSS import works like for “Text Body” with the difference that the element pre is used.

Horizontal Line

The style “Horizontal Line” is applied to a horizontal line/rule. The CSS import works like for “Text Body” with the difference that the element hr is used.

CSS Properties

This section gives an overview of the supported and not supported properties.
:!: This is not a complete list. If you notice that a working or not working property is missing please add it here. Thanks! :!:

Working

Property Name Remarks
background-color
border
border-top
border-right
border-bottom
border-left
color
font-family
font-size
font-style
font-weight
letter-spacing
margin
margin-top
margin-right
margin-bottom
margin-left
padding
padding-top
padding-right
padding-bottom
padding-left
text-align
text-decoration

Not Working

Property Name Remarks
box-shadow There is no equivalent ODT style setting/attribute.
plugin/odt/cssimportparagraphstyle.txt · Last modified: 2017-04-17 14:03 by LarsDW223