List CSS
scale()
scale() The scale() CSS function defines a transformation that resizes an element on the 2D plane. Because the amount of scaling is defined by a vector, it can resize the horizontal and vertical d..
scale
scaleThe scale CSS property allows you to specify scale transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remem..
saturate()
saturate()The saturate() CSS function super-saturates or desaturates the input image. Its result is a <filter-function>.Syntaxsaturate(amount) Parameters amount The amount of the conver..
ruby-position
ruby-positionThe ruby-position CSS property defines the position of a ruby element relatives to its base element. It can be positioned over the element (over), under it (under), or between the charact..
ruby-align
ruby-alignThe ruby-align CSS property defines the distribution of the different ruby elements over the base. /* Keyword values */ ruby-align: start; ruby-align: center; ruby-align: space-between; ruby..
row-gap
row-gap (grid-row-gap)The row-gap CSS property sets the size of the gap (gutter) between an element's grid rows.Syntax/* <length> values */ row-gap: 20px; row-gap: 1em; row-gap: 3vmin; row-gap: ..
rotateZ()
rotateZ() The rotateZ() CSS function defines a transformation that rotates an element around the z-axis without deforming it. Its result is a <transform-function> data type. The axis of rot..
rotateY()
rotateY() The rotateY() CSS function defines a transformation that rotates an element around the ordinate (vertical axis) without deforming it. Its result is a <transform-function> data type..
rotateX()
rotateX() The rotateX() CSS function defines a transformation that rotates an element around the abscissa (horizontal axis) without deforming it. Its result is a <transform-function> data ty..
rotate3d()
rotate3d() The rotate3d() CSS function defines a transformation that rotates an element around a fixed axis in 3D space, without deforming it. Its result is a <transform-function> data type...
rotate()
rotate() The rotate() CSS function defines a transformation that rotates an element around a fixed point on the 2D plane, without deforming it. Its result is a <transform-function> data ty..
rotate
rotateThe rotate CSS property allows you to specify rotation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to ..
:root
:rootThe :root CSS pseudo-class matches the root element of a tree representing the document. In HTML, :root represents the <html> element and is identical to the selector html, except that its ..
@right-bottom
@pageThe @page CSS at-rule is used to modify some CSS properties when printing a document.Syntax@page { margin: 1cm; } @page :first { margin: 2cm; } Descriptors size Specifies the target..
right
rightThe right CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.Syntax/* <length> values */ right: 3px; right:..
:right
:rightThe :right CSS pseudo-class, used with the @page at-rule, represents all right-hand pages of a printed document. /* Selects any right-hand pages when printing */ @page :right { margin: 2in 3in..
rgba()
<color> The <color> CSS data type represents a color. A <color> may also include an alpha-channel transparency value, indicating how the color should composite with its backgroun..
rgb()
<color> The <color> CSS data type represents a color. A <color> may also include an alpha-channel transparency value, indicating how the color should composite with its backgroun..
revert
revertThe revert CSS keyword reverts the cascaded value of the property from its current value to the value the property would have had if no changes had been made by the current style origin to the c..
<resolution>
<resolution>The <resolution> CSS data type, used for describing resolutions in media queries, denotes the pixel density of an output device, i.e., its resolution. On screens, the units are..
resize
resizeThe resize CSS property sets whether an element is resizable, and if so, in which directions. resize does not apply to the following: Inline elements Block elements for which the overflow p..
:required
:requiredThe :required CSS pseudo-class represents any <input>, <select>, or <textarea> element that has the required attribute set on it. /* Selects any required <input> */ in..
repeating-radial-gradient()
repeating-radial-gradient()The repeating-radial-gradient() CSS function creates an image consisting of repeating gradients that radiate from an origin. It is similar to radial-gradient() and takes the..
repeating-linear-gradient()
repeating-linear-gradient()The repeating-linear-gradient() CSS function creates an image consisting of repeating linear gradients. It is similar to linear-gradient() and takes the same arguments, but ..
repeat()
repeat()The repeat() CSS function represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form. Th..
rect()
<shape>Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of ..
:read-write
:read-writeThe :read-write CSS pseudo-class represents an element (such as input or textarea) that is editable by the user. input:read-write, textarea:read-write { background-color: #bbf; } p:read-..
:read-only
:read-onlyThe :read-only CSS pseudo-class represents an element (such as input or textarea) that is not editable by the user. input:read-only, textarea:read-only { background-color: #ccc; } p:read-..
<ratio>
<ratio>The <ratio> CSS data type, used for describing aspect ratios in media queries, denotes the proportion between two unitless values.SyntaxIn Media Queries Level 3, the <ratio> d..
range (@counter-style)
rangeWhen defining custom counter styles, the range descriptor lets the author specify a range of counter values over which the style is applied. If a counter value is outside the specified range, the..
radial-gradient()
radial-gradient()The radial-gradient() CSS function creates an image consisting of a progressive transition between two or more colors that radiate from an origin. Its shape may be a circle or an elli..
length#rem
<length>The <length> CSS data type represents a distance value. Lengths can be used in numerous CSS properties, such as width, height, margin, padding, border-width, font-size, and text-sh..
angle#rad
<angle>The <angle> CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used, for example, in <gradient>s and in some transform functions...
quotes
quotesThe quotes CSS property sets how the browser should render quotation marks that are added using the open-quotes or close-quotes values of the CSS content property.Syntax/* Keyword value */ quote..
length#Q
<length>The <length> CSS data type represents a distance value. Lengths can be used in numerous CSS properties, such as width, height, margin, padding, border-width, font-size, and text-sh..
@property
@propertyExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The @property CSS at-rule is part of the CSS Houdini umbrella ..
prefix (@counter-style)
prefixThe prefix descriptor of the @counter-style rule specifies content that will be prepended to the marker representation. If not specified, the default value will be "" (an empty string).Syntax/* ..
position
positionThe position CSS property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements.Syntaxposition: stati..
<position>
<position>The <position> (or <bg-position>) CSS data type denotes a two-dimensional coordinate used to set a location relative to an element box. It is used in the background-positio..
polygon()
<basic-shape>The <basic-shape> CSS data type represents a shape used in the clip-path, shape-outside, and offset-path properties.SyntaxThe <basic-shape> data type is defined with one..
pointer-events
pointer-eventsThe pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.Syntax/* Keyword values */ pointer-events: aut..
:playing
:playingExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The :playing CSS pseudo-class selector is a resource state pseu..
:placeholder-shown
:placeholder-shownThe :placeholder-shown CSS pseudo-class represents any <input> or <textarea> element that is currently displaying placeholder text. /* Selects any element with an active ..
::placeholder
::placeholderThe ::placeholder CSS pseudo-element represents the placeholder text in an <input> or <textarea> element. ::placeholder { color: blue; font-size: 1.5em; } Only the subset..
place-self
place-selfThe place-self CSS shorthand property allows you to align an individual item in both the block and inline directions at once (i.e. the align-self and justify-self properties) in a relevant l..
place-items
place-itemsThe CSS place-items shorthand property allows you to align items along both the block and inline directions at once (i.e. the align-items and justify-items properties) in a relevant layout ..
place-content
place-contentThe place-content CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the align-content and justify-content properties) in a releva..
:picture-in-picture
:picture-in-pictureThe :picture-in-picture CSS pseudo-class matches the element which is currently in picture-in-picture mode.Syntax:picture-in-pictureUsage notesThe :picture-in-picture pseudo-class l..
perspective-origin
perspective-originThe perspective-origin CSS property determines the position at which the viewer is looking. It is used as the vanishing point by the perspective property. The perspective-origin and ..
perspective()
perspective() The perspective() CSS function defines a transformation that sets the distance between the user and the z=0 plane, the perspective from which the viewer would be if the 2-dimensional..
