CSS entries starting with “R”

Every CSS entry starting with R, grouped by kind. Pseudo-classes, pseudo-elements and types are filed by their first letter, ignoring the leading :, :: or <.

NameDescription
Color
rebeccapurpleNamed colour #663399.
redNamed colour #ff0000.
rosybrownNamed colour #bc8f8f.
royalblueNamed colour #4169e1.
Descriptor
rangeAn @counter-style descriptor: the values the style can represent.
resultAn @function descriptor: the value the custom function returns.
Function
radial-gradient()An image of colours radiating out from a centre as a circle or ellipse.
random()A random value between a minimum and a maximum.
ray()A straight motion path at an angle, for offset-path.
rect()A rectangle given by its edge positions from the top and left.
referrer-policy()url() modifier setting the referrer policy for the request.
rem()The remainder of a division, with the sign of the dividend.
repeat()Repeats a pattern of grid tracks a set number of times or as many as fit.
repeating-conic-gradient()A conic gradient whose stops repeat, for rays and checkerboards.
repeating-linear-gradient()A linear gradient whose stops repeat, for stripes.
repeating-radial-gradient()A radial gradient whose stops repeat, for concentric rings.
rgb()An sRGB colour from red, green and blue channels, with optional alpha.
rgba()Legacy alias of rgb() with the same arguments.
rotate()Turns a box clockwise around its transform origin.
rotate3d()Rotates a box around an arbitrary 3D axis.
rotateX()Rotates a box around the x axis.
rotateY()Rotates a box around the y axis.
rotateZ()Rotates a box around the z axis, like rotate().
round()Rounds a value to a multiple of a step.
Keyword
revertRoll back to the previous cascade origin, such as the browser's style.
revert-layerRoll back to the value from the previous cascade layer.
revert-ruleUse the value the property would have without the current rule.
Media feature
resolutionThe pixel density of the output device.
Property
rThe radius of an SVG circle.
reading-flowMakes focus and reading order follow a flex or grid layout's visual order.
reading-orderMoves an item within its container's reading flow.
resizeGives an element a handle the user can drag to resize it.
rightThe distance of a positioned box from the right of its containing block.
rotateRotates a box in 2D or around a 3D axis.
row-gapThe space between rows of a grid or lines of a flex container.
row-ruleShorthand for the width, style and colour of lines between rows.
row-rule-breakWhether row rules break into segments where gaps intersect.
row-rule-colorThe colour of lines drawn between rows.
row-rule-insetShorthand for the cap and junction insets of row rules.
row-rule-inset-capInsets of row rule ends at the container edges.
row-rule-inset-cap-endInset of a row rule end at the container edge.
row-rule-inset-cap-startInset of a row rule start end at the container edge.
row-rule-inset-endInset of the end of each row rule segment.
row-rule-inset-junctionInsets of row rule ends where they meet other rules.
row-rule-inset-junction-endInset of a row rule end where it meets other rules.
row-rule-inset-junction-startInset of a row rule start end where it meets other rules.
row-rule-inset-startInset of the start end of each row rule segment.
row-rule-styleThe line style of rules drawn between rows.
row-rule-visibility-itemsWhich row gap segments get a rule, based on neighbouring items.
row-rule-widthThe thickness of lines drawn between rows.
ruby-alignHow ruby text and its base are spread when their lengths differ.
ruby-overhangWhether a wide ruby annotation may hang over neighbouring text.
ruby-positionWhether ruby annotations sit over or under the base text.
ruleSets column-rule and row-rule together to draw lines in every gap.
rule-breakSets column-rule-break and row-rule-break together.
rule-colorSets column-rule-color and row-rule-color together.
rule-insetSets every cap and junction inset of column and row rules together.
rule-inset-capSets the cap insets of column and row rules together.
rule-inset-endSets the end insets of column and row rules together.
rule-inset-junctionSets the junction insets of column and row rules together.
rule-inset-startSets the start insets of column and row rules together.
rule-overlapWhether row or column rules are painted on top where they cross.
rule-styleSets column-rule-style and row-rule-style together.
rule-visibility-itemsSets column-rule-visibility-items and row-rule-visibility-items together.
rule-widthSets column-rule-width and row-rule-width together.
rxThe horizontal radius of an SVG ellipse or rounded rect corner.
ryThe vertical radius of an SVG ellipse or rounded rect corner.
Pseudo-class
:read-onlyMatches elements the user cannot edit.
:read-writeMatches editable inputs, textareas and contenteditable elements.
:requiredMatches form controls that must have a value before submitting.
:rightIn @page, matches right-hand pages of a double-sided document.
:rootMatches the root element of the document, html in HTML.
Type
<ratio>Two numbers separated by a slash, such as an aspect ratio.
<relative-size>larger or smaller: one step from the parent's font size.
<resolution>The pixel density of a device or image.
Unit
radRadians; a full circle is 2 pi.
rcapThe cap height of the root element's font.
rchThe advance width of the digit 0 in the root element's font.
remThe root element's font size.
rexThe x-height of the root element's font.
ricThe ic unit measured on the root element.
rlhThe root element's line height.