RCSS Properties

Librocket RCSS references
Syntax and basic data types
Selectors
Box Model
Visual Model
Visual Effects
Colors and backgrounds
Fonts
Text
Cursors, Dragging, and Tabbing
Decorators
Font Effects
Scrollbars and Sliders
Property Index

Following is a full index of properties recognised by RCSS. The Notes column details important changes from the CSS specification.

For decorators’ properties see Decorators.

Name	Values	Initial value	Applies to	Inherited?	Percentages	Notes
background	background-color					Excludes images.
background-color	<colour>	transparent	all	no
border-color	border-top-color border-right-color border-bottom-color border-left-color
border-top border-right border-bottom border-left	border-<edge>-width border-<edge>-color					Excludes border style.
border-top-color border-right-color border-bottom-color border-left-color	<color>	black all	no	N/A
border-top-width border-right-width border-bottom-width border-left-width	<percentage>	0px	all	no	width of containing block
border-width	border-top-width border-right-width border-bottom-width border-left-width		all
bottom	<percentage>	0px	positioned elements	no	height of containing block	No ‘auto’.
clear	right | both | none	none	block-level elements	no	N/A
clip	auto | none	auto	all	yes	N/A	Controls interaction with ancestor element’s clipping regions.
color	<colour>	black	all	yes	N/A
cursor	auto	auto	all	yes	N/A	<string> refers to title of cursor document.
display	block | inline-block | none	inline	all	no	N/A
drag	drag | drag-drop | block	none	all	no	N/A	Introduced for RCSS. Controls generation of drag messages.
font	font-style font-weight font-size font-family font-charset
font-charset	<urange>	U+0020-007E	all	yes	N/A	Introduced for RCSS. Specifies required range of characters.
font-family	<string>		all	yes	N/A	Only single family supported.
font-size	<percentage>	12	all	yes	size of parent font
font-style	italic	normal	all	yes	N/A	‘oblique’ not supported.
font-weight	bold	normal	all	yes	N/A	Intermediate weights not supported.
height	<percentage> | auto	auto	block and replaced inline elements	no	height of containing block
left	<percentage>	0px	positioned elements	no	width of containing block	No ‘auto’.
line-height	<length> | <percentage>	1.2	all	yes	font size	‘normal’ not supported.
margin	margin-top margin-right margin-bottom margin-left
margin-top margin-right margin-bottom margin-left	<percentage> | auto	0px	all	no	width of containing block
max-height	<percentage>	-1	block and replaced inline elements	no	height of containing block	‘none’ not supported, use negative numbers instead.
min-height	<percentage>	0px	block and replaced inline elements	no	height of containing block
max-width	<percentage>	-1	block and replaced inline elements	no	width of containing block	‘none’ not supported, use negative numbers instead.
min-width	<percentage>	0px	block and replaced inline elements	no	width of containing block
overflow	overflow-x overflow-y
overflow-x	hidden | scroll | auto	visible	block elements	no	N/A	Content clipped if either axis is not ‘visible’.
overflow-y	hidden | scroll | auto	visible	block elements	no	N/A	Content clipped if either axis is not ‘visible’.
padding	padding-top padding-right padding-bottom padding-left
padding-top padding-right padding-bottom padding-left	<percentage>	0px	all	no	width of containing block
position	relative | absolute | fixed	static	all	no	N/A	‘fixed’ is positioned like ‘absolute’ but ignores scrolling.
right	<percentage>	0px	positioned elements	no	width of containing block	No ‘auto’.
scrollbar-margin	<length>	0px	scrollbar-horizontal and scrollbar-vertical elements	no	N/A	Introduced for RCSS. Specifies a bottom / right margin (depending on orientation) that will collapse with the scrollbar on the complementary axis.
tab-index	auto	none	all	yes	N/A	Introduced for RCSS. Controls order of focus switching when the tab key is pressed.
text-align	right | center	left	block-level elements	yes	N/A	‘justify’ not supported.
text-decoration	none	none	all	yes	N/A	‘overline’, ‘line-through’ not supported.
top	<percentage>	0px	positioned elements	no	height of containing block	No ‘auto’.
vertical-align	sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>	baseline	inline-level elements	no	line-height
visibility	hidden	visible	all	no	N/A
white-space	pre | nowrap | pre-wrap | pre-line	normal	block-level elements	yes	N/A	‘pre-wrap’ and ‘pre-line’ from CSS3.
width	<percentage> | auto	auto	block and replaced inline elements	no	width of containing block
z-index	auto | top | bottom	auto	all	no	N/A	Applies to all elements. ‘top’ and ‘bottom’ introduced. For documents, ‘auto’ allows pulling to front, otherwise remains at top or bottom.