List CSS
length#px
<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..
pad (@counter-style)
padThe pad descriptor can be used with custom counter style definitions when you need the marker representations to have a minimum length.Syntaxpad: 3 "0"; Values <integer> && <symb..
padding
paddingThe padding CSS shorthand property sets the padding area on all four sides of an element at once. An element's padding area is the space between its content and its border. Note: Padding cre..
padding-block
padding-blockThe padding-block CSS shorthand property defines the logical block start and end padding of an element, which maps to physical padding properties depending on the element's writing mode, ..
padding-block-end
padding-block-endThe padding-block-end CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and t..
padding-block-start
padding-block-startThe padding-block-start CSS property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality,..
padding-bottom
padding-bottomThe padding-bottom CSS property sets the height of the padding area on the bottom of an element. An element's padding area is the space between its content and its border. Note: ..
padding-inline
padding-inlineThe padding-inline CSS shorthand property defines the logical inline start and end padding of an element, which maps to physical padding properties depending on the element's writing mod..
padding-inline-end
padding-inline-endThe padding-inline-end CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, an..
padding-inline-start
padding-inline-startThe padding-inline-start CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionali..
padding-left
padding-leftThe padding-left CSS property sets the width of the padding area to the left of an element. An element's padding area is the space between its content and its border. Note: The padding ..
padding-right
padding-rightThe padding-right CSS property sets the width of the padding area on the right of an element. An element's padding area is the space between its content and its border. Note: The paddi..
padding-top
padding-topThe padding-top CSS property sets the height of the padding area on the top of an element. An element's padding area is the space between its content and its border. Note: The paddi..
@page
@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..
page-break-after
page-break-after Warning: This property has been replaced by the break-after property. The page-break-after CSS property adjusts page breaks after the current element. /* Keyword values */ page-bre..
page-break-before
page-break-before Warning: This property has been replaced by the break-before property. The page-break-before CSS property adjusts page breaks before the current element. This property applies to ..
page-break-inside
page-break-inside Warning: This property has been replaced by the break-inside property. The page-break-inside CSS property adjusts page breaks inside the current element. /* Keyword values */ page..
paint()
paint()Experimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The paint() CSS function defines an <image> value generate..
paint-order
paint-orderThe paint-order CSS property lets you control the order in which the fill and stroke (and painting markers) of text content and shapes are drawn.Syntax/* Normal */ paint-order: normal; /* ..
::part
::part()The ::part CSS pseudo-element represents any element within a shadow tree that has a matching part attribute. custom-element::part(foo) { /* Styles to apply to the `foo` part */ } Syntax::pa..
:past
:pastThe :past CSS pseudo-class selector is a time-dimensional pseudo-class that will match for any element which appears entirely before an element that matches :current. For example in a video with ..
path()
path()The path() CSS function accepts an SVG path string, and is used in CSS Shapes and CSS Motion Path to enable a shape to be drawn.SyntaxWhen used in offset-path or d: path(<string>) When us..
:paused
:pausedExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The :paused CSS pseudo-class selector is a resource state pseudo..
<percentage>
<percentage>The <percentage> CSS data type represents a percentage value. It is often used to define a size as relative to an element's parent object. Numerous properties can use percentag..
perspective
perspectiveThe perspective CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.Syntax/* Keyword value */ perspective: none..
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..
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 ..
: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..
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..
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-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..
::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..
: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 ..
: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..
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..
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..
<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..
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..
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/* ..
@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 ..
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..
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..
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...
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..
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..
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..
<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..
: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-..
: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-..
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 ..
