Edit online

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 CSS Extensions.

Name Rendered Values Ignored Values
background background-color | background-image | background-position | background-repeat | inherit | initial | unset
background-attachment NONE
background-color <color> | inherit | initial | unset transparent
background-image <uri> | none | inherit | initial | unset
background-position top | right | bottom | left | center | initial | unset <percentage> | <length>
background-repeat repeat | repeat-x | repeat-y | no-repeat | inherit | initial | unset
border [ <border-width> || <border-style> || <border-color> ] | inherit | initial | unset

Not yet supported on table row or table row groups.
border-collapse NONE
border-color <color> | inherit | initial | unset transparent
border-radius <length> | <percentage>

Works only for border-type 'solid', 'dashed', 'dotted', 'wave'. Does not work when background-image is specified. Percent values are not fully supported.
border-spacing NONE
border-style <border-style> | inherit | initial | unset
border-top / border-right / border-bottom / border-left [ <border-width> || <border-style> || <border-color> ] | inherit | initial | unset
border-top-color / border-right-color / border-bottom-color / border-left-color <color> | inherit | initial | unset transparent
border-top-left-radius / border-top-right-radius / border-bottom-left-radius / border-bottom-right-radius <length> | <percentage>

Works only for border-type 'solid', 'dashed', 'dotted', 'wave'. Does not work when background-image is specified.
border-top-style / border-right-style / border-bottom-style / border-left-style <border-style> | inherit | initial | unset
border-top-width / border-right-width / border-bottom-width / border-left-width <border-width> | inherit | initial | unset
border-width <border-width> | inherit | initial | unset
bottom <length> | <percentage> | inherit | initial | unset auto
caption-side NONE
clear NONE
clip NONE
color <color> | inherit | initial | unset
content normal | none | [ <string> | <URI> | <counter> | attr( <identifier> ) | open-quote | close-quote ]+ | inherit | initial | unset
Tip: Also see CSS Level 3 target-counter() and target-counters() Functions
 no-open-quote | no-close-quote
counter-increment [ <identifier> <integer> ? ]+ | none | inherit | initial | unset
counter-reset [ <identifier> <integer> ? ]+ | none | inherit | initial | unset
cursor NONE
direction ltr| rtl | inherit | initial | unset
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 | initial | unset grid | run-in | inline-block | inline-table - considered block
empty-cells show | hide | inherit | initial | unset
float NONE
font [ [ 'font-style' || 'font-weight' ]? 'font-size' [ / 'line-height' ]? 'font-family' ] | inherit | initial | unset 'font-variant' 'line-height' caption | icon | menu | message-box | small-caption | status-bar
font-family [[ <family-name> | <generic-family> ] [, <family-name> | <generic-family> ]* ] | inherit | initial | unset
font-size <absolute-size> | <relative-size> | <length> | <percentage> | inherit | initial | unset
font-style normal | italic | oblique | inherit | initial | unset
font-variant NONE
font-weight normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit | initial | unset
height NONE
left <length> | <percentage> | inherit | initial | unset auto
letter-spacing normal | <length> | inherit | initial | unset
line-height normal | <number> | <length> | <percentage> | inherit | initial | unset
list-style [ 'list-style-type' ] | inherit | initial | unset 'list-style-position' || 'list-style-image'
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 | initial | unset lower-greek | armenian | georgian
margin <margin-width> | inherit | initial | unset | auto
margin-right / margin-left <margin-width> | inherit | initial | unset | auto
margin-top / margin-bottom <margin-width> | inherit | initial | unset
max-height NONE
max-width <length> | <percentage> | none | inherit - supported for inline, block-level, and replaced elements (such as images, tables, table cells) | initial | unset
min-height Absolute values, such as 230px, 1in, 7pt, 12em | initial | unset

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