Supported CSS features

Background images

background-image-transformation
none | <filter>+

none or non-empty whitespace separated list of filters. The <filter> here is one of following functions:

background-repeat
no-repeat | repeat | repeat-x | repeat-y  | stretch [keep-ratio] | expand [stretch-top] [stretch-bottom] [stretch-left] [stretch-right] [stretch-middle]

Defines image fill mode, accepts one of the values:

Foreground images

foreground-image-transformation
none | <filter>+

none or non-empty whitespace separated list of filters. The <filter> here is one of following functions:

foreground-repeat
no-repeat | repeat | repeat-x | repeat-y  | stretch [keep-ratio] | expand [stretch-top] [stretch-bottom] [stretch-left] [stretch-right] [stretch-middle]

Defines image fill mode, accepts one of the values:

Text

text-overflow
clip | ellipsis | path-ellipsis

The property defines the way of text drawing when it overflows. The property is in effect only for text container elements that a) are establishing boxes (e.g. are display:block ) and have b) overflow-x:hidden; defined on them.

Layout

mapping
inherit | none | left-to-right | top-to-right |
inherit( <part-list> ) | none( <part-list> ) | left-to-right( <part-list> ) | top-to-right( <part-list> )

Where <part-list> is a comma separated list that contains one or many of following literals: border, padding, margin, background, foreground, layout .

Default value: inherit.

The property defines mapping of directional related properties. For example this declaration:

  div { mapping: left-to-right(border,margin); }  

will cause left and right borders (colors, widths and styles) and margins to be swapped (mirrored in this case) so for example border defined as border-left will be used as border-right for rendering purposes.

Note that is inheritable by default property. So if to define body { mapping: left-to-right;} all directional properties of the element and its descendants will be mirrored horizontally.

Meaning of part names in <part-list>: