Supported CSS Properties

Oxygen XML Author validates all CSS 2.1 properties, but does not render aural and paged categories properties in Author mode, as well as some of the values of the visual category that are listed below under the Ignored Values column. For the Oxygen XML Author-specific (extension) CSS properties, see Oxygen XML Author CSS Extensions.

Name Rendered Values Ignored Values
'background-attachment' NONE
'background-color' <color> | inherit transparent
'background-image' <uri> | none | inherit
'background-position' top | right | bottom | left | center <percentage> | <length>
'background-repeat' repeat | repeat-x | repeat-y | no-repeat | inherit
'background' background-color | background-image | background-position | background-repeat
'border-collapse' NONE
'border-color' <color> | inherit transparent
'border-spacing' NONE
'border-style' <border-style> | inherit
'border-top' 'border-right' 'border-bottom' 'border-left' [ <border-width> || <border-style> || <border-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-color> ] | inherit
'bottom' <length> | <percentage> | inherit auto
'caption-side' NONE
'clear' NONE
'clip' NONE
'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' NONE
'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' NONE
'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' NONE
'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' NONE
'left' <length> | <percentage> | inherit auto
'letter-spacing' normal | <length> | inherit
'line-height' normal | <number> | <length> | <percentage> | inherit
'list-style-image' NONE
'list-style-position' NONE
'list-style-type' disc | circle | square | decimal | lower-roman | upper-roman | lower-latin | upper-latin | lower-alpha | upper-alpha | -oxy-lower-cyrillic-ru | -oxy-lower-cyrillic-uk | -oxy-upper-cyrillic-ru | -oxy-upper-cyrillic-uk | box | diamond | check | hyphen | 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 | auto
'margin-top' 'margin-bottom' <margin-width> | inherit
'margin' <margin-width> | inherit | auto
'max-height' NONE
'max-width' <length> | <percentage> | none | inherit - supported for inline, block-level, and replaced elements (such as images, tables, table cells)
'min-height' Absolute values, such as 230px, 1in, 7pt, 12em.

Values proportional to the parent element height, such as 30%

'min-width' <length> | <percentage> | inherit - supported for inline, block-level, and replaced elements (such as images, tables, table cells)
'outline-color' [ <color> | invert | inherit
'outline-style' [ <border-style> | inherit
'outline-width' [ <border-width> | inherit
'outline' [ <outline-width> || <outline-style> || <outline-color> ] | inherit
'overflow' NONE
'padding-top' 'padding-right' 'padding-bottom' 'padding-left' <padding-width> | inherit
'padding' <padding-width> | inherit
'position' absolute | fixed - supported for block display elements, relative - supported for block and inline display elements absolute | fixed not supported for inline display elements
'quotes' NONE
'right' <length> | <percentage> | inherit auto
'table-layout' auto fixed | inherit
'text-align' left | right | center | inherit justify
'text-decoration' none | [ underline || overline || line-through ] | inherit blink
'text-decoration-style' solid | double | dotted | dashed | wavy | inherit
'text-indent' <length> | <percentage> | inherit
'text-transform' none | capitalize | uppercase | lowercase | inherit
'top' <length> | <percentage> | inherit auto
'unicode-bidi' bidi-override| normal| embed| inherit
'vertical-align' baseline | sub | super | top | text-top | middle | bottom | text-bottom | inherit <percentage> | <length>
'visibility' visible | hidden | inherit | -oxy-collapse-text collapse
'white-space' normal | pre | nowrap | pre-wrap | pre-line
'width' <length> | <percentage> | auto | inherit - supported for inline, block-level, and replaced elements (such as images, tables, table cells)
'word-spacing' NONE
'z-index' NONE

<length> - Refers to distance measurements and is expressed in units such as mm, cm, in, em, rem, ex, pc, pt, px. For more information, see the W3 CSS Level 3 length type specifications.

Was this helpful?