This document defines the Rocket Cascading Style Sheets language. RCSS is based on the CSS2 specification, with certain elements removed or altered to suit the needs of libRocket. In some cases, elements have been taken from the CSS3 working draft. This document provides an overview of RCSS and the differences between RCSS and CSS, and should be read in conjunction with the CSS2 specification.

RCSS interacts with RML in an identical fashion to CSS and HTML. Style properties declared in a RCSS are attached selectively to elements defined in RML to affect layout, positioning and other style attributes (such as font, color, text decoration, etc).

If you are familiar with CSS, a good place to start is the property index, which outlines the properties and values supported in RCSS and the new functionality included. Next, read up on decorators, the new, flexible way to skin elements.

If you are not, read through this documentation while consulting the CSS2 specification for detailed examples and technical details, or skip all this for now and play around with the samples!


  1. Syntax and basic data types
  2. Selectors
  3. Assigning property values, Cascading and Inheritance
  4. Box model
  5. Visual formatting model
  6. Visual formatting model details
  7. Visual effects
  8. Colours and backgrounds
  9. Fonts
  10. Text
  11. Cursors, Dragging and Tabbing
  12. Decorators
  13. Font effects


  1. Property index