Difference between revisions of "RCSS Properties"

From FreeSpace Wiki
Jump to: navigation, search
(Created page with "{{RCSS}} Following is a full index of properties recognised by RCSS. The Notes column details important changes from the CSS specification. For decorators’ properties see D...")
 
 
(One intermediate revision by the same user not shown)
Line 8: Line 8:
 
| Name
 
| Name
 
| Values
 
| Values
| Initial value Applies to
+
| Initial value
 +
| Applies to
 
| Inherited?
 
| Inherited?
 
| Percentages
 
| Percentages
Line 15: Line 16:
 
| background
 
| background
 
| background-color
 
| background-color
 +
|
 
|  
 
|  
 
|  
 
|  

Latest revision as of 18:45, 22 April 2023

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.