DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:odt:cssimportcharacterstyle

CSS Import: character styles

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

Character style list

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

Emphasis

The “Emphasis” style is applied to italic 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 em element in it
  3. query the matching CSS properties for that element
  4. assign the properties to the style

Strong Emphasis

The style “Strong Emphasis” is applied to bold text. The CSS import works like for “Emphasis” with the difference that the element strong is used.

Source Text

The style “Source Text” is applied to monospaced text. The CSS import works like for “Emphasis” with the difference that the element code is used.

The style “Internet Link” is applied to external links. The CSS import works like for “Emphasis” with the difference that the element a with pseudo-class link is used.

The style “Visited Internet Link” is applied to visited external links. The CSS import works like for “Emphasis” with the difference that the element a with pseudo-class visited is used.

The style “Local Link” is applied to local links. The CSS import works like for “Emphasis” with the difference that the element a with class wikilink1 and pseudo-class link is used.

The style “Visited Local Link” is applied to visited local links. The CSS import works like for “Emphasis” with the difference that the element a with class wikilink1 and pseudo-class visited is used.

Underline

The style “Underlined” is an automatic style so you will not find it under “Styles and Formatting” in LibreOffice. It is applied to underlined text. The CSS import works like for “Emphasis” with the difference that the element u is used.

Del

The style “Del” is an automatic style so you will not find it under “Styles and Formatting” in LibreOffice. It is applied to Strike-through text. The CSS import works like for “Emphasis” with the difference that the element del 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
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/cssimportcharacterstyle.txt · Last modified: 2017-04-17 15:47 by LarsDW223

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki