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-imageurl | icon | linear-gradient() | none | inherit

Built-in images such as icon(hatch1, #FFF0F0) are supported in addition to something like url(backgrounds/gradient23.png).

linear-gradient() is a CSS3 image value only supported as a background-image.

Moreover, color stops expressed as pixels or as percentages outside the [0,100] range are not supported. For example:

linear-gradient(red,
                white 20%,
                blue)

is supported, while

linear-gradient(red -50px,
                white,
                blue)

linear-gradient(red, 
                white -50%, 
                black 150%,
                blue)

are not.

background-position0% 0% | top left | left top | length{1,2} | inheritPercentages other than 0% 0% and positions other than top left and left top are correctly parsed but generally, not correctly rendered.
background-repeatrepeat | 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

side_value{1,4}

-

border-top-style

none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

-

border-right-style

"

-

border-bottom-style

"

-

border-left-style

"

-

border-width

thin | thick | medium | length | inherit

Note that border-top-width, border-right-width, border-bottom-width and border-left-width, while successfully parsed are not really supported.

color

color | inherit | normal[a]

System colors (ButtonFace, ButtonText, etc) are supported by all color properties (color, background-color, border-color, etc).

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.

System fonts (caption, message-box, etc) are supported too.

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-imageURI | none | | inheritAlso supports icon(name).
list-style-positionoutside | inside | inherit-
list-style-typedecimal | lower-alpha | upper-alpha | lower-roman | upper-roman | none | inheritNo 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-sidetop | bottomleft, 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: