Chapter 2. List of supported CSS properties
Prev | Part I. Guide | Next

## Chapter 2. List of supported CSS properties

### Important

The properties not listed in the following two tables are not supported by XXE.

The following properties can be inherited whether explicitly (`inherit` keyword) or implicitly (inherited property).

For all properties except line-height where the specified number is inherited (which is the correct behavior), the inherited value is the actual value not the computed value.

Property | Value | Restrictions
--- | --- | ---
background | [ `background-color` || `background-image` || `background-repeat` || `background-attachment` || `background-position` ] | inherit | Note that property background-attachment is not supported at all. Property background-attachment is always assumed to be `scroll`.
background-color | color | transparent | inherit | normal[a] | -
background-image | `url` | `icon` | none | inherit | Built-in images such as `icon(hatch1, #FFF0F0`) are supported in addition to something like `url(backgrounds/gradient23.png)`.
background-position | 0% 0% | top left | left top | `length`{1,2} | inherit | Percentages other than `0% 0%` and positions other than `top left` and `left top` are correctly parsed but generally, not correctly rendered.
background-repeat | repeat | repeat-x | repeat-y | no-repeat | inherit | -
border | [ `border-width` || `border-style` || `border-color` ] | inherit | -
border-color | side_value{1,4} | -
border-bottom-color | color | transparent | inherit | -
border-left-color | " | -
border-right-color | " | -
border-top-color | " | -

border-top-left-radius

`length` | `percentage` [`length` | `percentage`]? | inherit

-

### Note

All the following border-radius properties are CSS3, and not CSS2, properties.

border-top-right-radius | " | -
border-bottom-left-radius | " | -
border-bottom-right-radius | " | -
border-radius | [`length` | `percentage`]{1,4} [ / [`length` | `percentage`]{1,4} ]? | -
border-style | none | dotted | dashed | solid | double | groove | ridge | inset | outset | No hidden
border-width | thin | thick | medium | length | inherit | -
color | color | inherit | normal[a] | -
counter-reset, counter-increment | [ `identifier` `integer`? ]+ | none | inherit | -
display | none | inline | block | list-item | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | inline-block | tree | inherit | No run-in, compact.
font | [ [ `font-style` || `font-variant` || `font-weight` ]? `font-size` [ / `line-height` ]? `font-family` ] | inherit | Font-variant is correctly parsed, but not honored. Values caption, icon, menu, message-box, small-caption and status-bar are not supported.
font-family | [[name | generic] ,]* [name | generic] | inherit | normal[a] | The generic font families `cursive` and `fantasy` are not supported.
font-size | medium | small | large | x-small | x-large | xx-small | xx-large | smaller | larger | length | percentage | inherit | -
font-style | normal | italic | oblique | inherit | Italic and oblique are aliases.
font-weight | normal | bold | bolder| lighter | inherit | No N00. Bolder and bold are aliases. Lighter and normal are aliases.
line-height | normal | `number` | `length` | `percentage` | inherit | -
list-style-image | `URI` | none | | inherit | Also supports icon(`name`).
list-style-position | outside | inside | inherit | -
list-style-type | decimal | lower-alpha | upper-alpha | lower-roman | upper-roman | none | inherit | No decimal-leading-zero, hebrew, armenian, lower-greek, etc.
list-style | [ `list-style-type` || `list-style-position` || `list-style-image` ] | inherit | -
margin | side_value{1,4} | -
margin-bottom | length | auto | inherit | No percentage.
margin-left | " | -
margin-right | " | -
margin-top | " | -
padding | side_value{1,4} | -
padding-bottom | length | inherit | No percentage.
padding-left | " | -
padding-right | " | -
padding-top | " | -
text-align | left | right | center | justify | inherit | Justify and left are aliases.
text-decoration | none | underline | overline | line-through | inherit | No blink.
text-indent | length | inherit | No percentage.
vertical-align | baseline | middle | sub | super | text-top | top | text-bottom | bottom | inherit | No length, percentage.
white-space | normal | pre | nowrap | inherit | -
[a] "`normal`" is a non-standard value meaning: same value as the one specified in the user's preferences.

The following properties cannot be inherited whether explicitly (`inherit` keyword) or implicitly (inherited property).

Property | Value | Restrictions
--- | --- | ---
border-spacing | length length? | -
caption-side | top | bottom | left, right, inherit are not supported.
content | string | uri | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote | counter(name) | counter(name, style) | counters(name, separ) | counters(name, separ, style) | disc | circle | square | see extensions | No-open-quote, no-close-quote are ignored. Counter styles are limited to: decimal, lower-alpha, lower-latin, upper-alpha, upper-latin, lower-roman, upper-roman.
height | length | auto | No percentage. This property is currently ignored.
marker-offset | length | auto | fill | No percentage.
width | length | auto | No percentage. This property is currently only useful to specify the minimum width of a table cell.

Other restrictions:

- The CSS box decorations (border, padding, etc) are not supported for inlined elements. The background-color is the only property supported for such elements.

  A workaround consists in using `display: inline-block;`. See Section 8, “New values for the display property”.

- When a CSS box has at least one rounded corner (specified using any of the border-radius properties), the only supported border-styles are: `dotted`, `dashed` and `solid`.

- `:first-letter` and `:first-line` pseudo-elements are ignored.

- The `!important` specifier is ignored.

- The following properties are correctly parsed but generally, not correctly rendered:

  - border-top, border-right, border-bottom, border-left.

  - border-top-style, border-right-style, border-bottom-style, border-left-style.

  - border-top-width, border-right-width, border-bottom-width, border-left-width.

  - background-position: `percentage` other that 0% 0% and keywords other than `left` `top` and `top` `left`.

Prev | Up | Next
Chapter 1. Introduction | Home | Chapter 3. Extensions related to generated content