CSS support in <oXygen/> Author

CSS 2.1 features

Supported selectors

The following CSS level 2.1 selectors are supported by the <oXygen/> Author:

Table 8.3. Supported CSS 2.1 selectors

ExpressionNameDescription/Example
*Universal selectorMatches any element
EType selectorMatches any E element (i.e an element with the local name E)
E FDescendant selectorMatches any F element that is a descendant of an E element.
E > FChild selectorsMatches any F element that is a child of an element E.
E:first-childThe :first-child pseudo-class Matches element E when E is the first child of its parent.
E:lang(c) The :lang() pseudo-class Matches element of type E if it is in (human) language c (the document language specifies how language is determined).
E + FAdjacent selectorMatches any F element immediately preceded by a sibling element E.
E[foo]Attribute selectorMatches any E element with the "foo" attribute set (whatever the value).
E[foo="warning"]Attribute selectorMatches any E element whose "foo" attribute value is exactly equal to "warning".
E[foo~="warning"]Attribute selectorMatches any E element whose "foo" attribute value is a list of space-separated values, one of which is exactly equal to "warning".
E[lang|="en"]Attribute selectorMatches any E element whose "lang" attribute has a hyphen-separated list of values beginning (from the left) with "en".
E:before and E:afterPseudo elementsThe ':before' and ':after' pseudo-elements can be used to insert generated content before or after an element's content.

Unsupported selectors

The following CSS level 2.1 selectors are not supported by the <oXygen/> Author:

Table 8.4. Unsupported CSS 2.1 selectors

ExpressionNameDescription/Example
E#myidID selectors Matches any E element with ID equal to "myid".
E:link, E:visited The link pseudo-classMatches element E if E is the source anchor of a hyperlink of which the target is not yet visited (:link) or already visited (:visited).
E:active, E:hover, E:focusThe dynamic pseudo-classes Matches E during certain user actions.
E:first-lineThe :first-line pseudo-classThe :first-line pseudo-element applies special styles to the contents of the first formatted line of a paragraph.
E:first-letterThe :first-letter pseudo-classThe :first-letter pseudo-element must select the first letter of the first line of a block, if it is not preceded by any other content (such as images or inline tables) on its line. The :first-letter pseudo-element may be used for "initial caps" and "drop caps", which are common typographical effects.

Properties Support Table

All the properties belonging to the aural and paged categories are not supported in <oXygen/> Author. The properties from the table below belong to the visual category.

Table 8.5. CSS Level 2.1 Properties and their support in <oXygen/> Author

NameSupported ValuesNot Supported Values
'background-attachment'  ALL
'background-color' <color> | inherit transparent
'background-image'  ALL
'background-position'  ALL
'background-repeat'  ALL
'background'  ALL
'border-collapse'  ALL
'border-color' <color> | inherit transparent
'border-spacing'  ALL
'border-style' <border-style> | inherit  
'border-top' 'border-right' 'border-bottom' 'border-left' [ <border-width> || <border-style> || 'border-top-color' ] | inherit  
'border-top-color' 'border-right-color' 'border-bottom-color' 'border-left-color' <color> | inherit transparent
'border-top-style' 'border-right-style' 'border-bottom-style' 'border-left-style' <border-style> | inherit  
'border-top-width' 'border-right-width' 'border-bottom-width' 'border-left-width' <border-width> | inherit  
'border-width' <border-width> | inherit  
'border' [ <border-width> || <border-style> || 'border-top-color' ] | inherit  
'bottom'  ALL
'caption-side'  ALL
'clear'  ALL
'clip'  ALL
'color' <color> | inherit  
'content' normal | none | [ <string> | <uri> | <counter> | attr( <identifier> ) | open-quote | close-quote ]+ | inherit no-open-quote | no-close-quote
'counter-increment' [ <identifier> <integer> ? ]+ | none | inherit  
'counter-reset' [ <identifier> <integer> ? ]+ | none | inherit  
'cursor'  ALL
'direction' ltr rtl | inherit
'display' inline | block | list-item | table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit run-in | inline-block | inline-table - considered block
'empty-cells' show | hide | inherit  
'float'  ALL
'font-family' [[ <family-name> | <generic-family> ] [, <family-name> | <generic-family> ]* ] | inherit  
'font-size' <absolute-size> | <relative-size> | <length> | <percentage> | inherit  
'font-style' normal | italic | oblique | inherit  
'font-variant'  ALL
'font-weight' normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit  
'font' [ [ 'font-style' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] | inherit 'font-variant' 'line-height' caption | icon | menu | message-box | small-caption | status-bar
'height'  ALL
'left'  ALL
'letter-spacing'  ALL
'line-height' normal | <number> | <length> | <percentage> | inherit  
'list-style-image'  ALL
'list-style-position'  ALL
'list-style-type' disc | circle | square | decimal | lower-roman | upper-roman | lower-latin | upper-latin | lower-alpha | upper-alpha | none | inherit lower-greek | armenian | georgian
'list-style' [ 'list-style-type' ] | inherit 'list-style-position' || 'list-style-image'
'margin-right' 'margin-left' <margin-width> | inherit  
'margin-top' 'margin-bottom' <margin-width> | inherit  
'margin' <margin-width> | inherit  
'max-height'  ALL
'max-width' <length> | <percentage> | none | inherit - supported for block-level and replaced elements, e.g. images, tables, table cells. 
'min-height'  ALL
'min-width' <length> | <percentage> | inherit - supported for block-level and replaced elements, e.g. images, tables, table cells. 
'outline-color'  ALL
'outline-style'  ALL
'outline-width'  ALL
'outline'  ALL
'overflow'  ALL
'padding-top' 'padding-right' 'padding-bottom' 'padding-left' <padding-width> | inherit  
'padding' <padding-width> | inherit  
'position'  ALL
'quotes'  ALL
'right'  ALL
'table-layout' auto fixed | inherit
'text-align' left | right | center | inherit justify
'text-decoration' none | [ underline || overline || line-through ] | inherit blink
'text-indent'  ALL
'text-transform'  ALL
'top'  ALL
'unicode-bidi'  ALL
'vertical-align' baseline | sub | super | top | text-top | middle | bottom | text-bottom | inherit <percentage> | <length>
'visibility' visible | hidden | inherit collapse
'white-space' normal | pre | nowrap | pre-wrap | pre-line 
'width' <length> | <percentage> | auto | inherit - supported for block-level and replaced elements, e.g. images, tables, table cells. 
'word-spacing'  ALL
'z-index'  ALL