Edit online

Supported CSS Properties

Oxygen XML Editor Eclipse plugin 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 Editor Eclipse plugin-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	NONE
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.