List CSS
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..
<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..
: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..
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..
: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 ..
::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..
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; /* ..
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..
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..
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-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
@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..
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..
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-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-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-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
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-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-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-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
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
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..
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..
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..
length#pt
<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..
length#pc
<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..
Pseudo-elements
Pseudo-elementsA CSS pseudo-element is a keyword added to a selector that lets you style a specific part of the selected element(s). For example, ::first-line can be used to change the font of the fir..
Pseudo-classes
Pseudo-classesA CSS pseudo-class is a keyword added to a selector that specifies a special state of the selected element(s). For example, :hover can be used to change a button's color when the user's ..
overscroll-behavior-y
overscroll-behavior-yThe overscroll-behavior-y CSS property sets the browser's behavior when the vertical boundary of a scrolling area is reached. See overscroll-behavior for a full explanation. /* Ke..
overscroll-behavior-x
overscroll-behavior-xThe overscroll-behavior-x CSS property sets the browser's behavior when the horizontal boundary of a scrolling area is reached. See overscroll-behavior for a full explanation. /* ..
overscroll-behavior-inline
overscroll-behavior-inlineThe overscroll-behavior-inline CSS property sets the browser's behavior when the inline direction boundary of a scrolling area is reached. See overscroll-behavior for a full ..
overscroll-behavior-block
overscroll-behavior-blockThe overscroll-behavior-block CSS property sets the browser's behavior when the block direction boundary of a scrolling area is reached. See overscroll-behavior for a full exp..
overscroll-behavior
overscroll-behaviorThe overscroll-behavior CSS property sets what a browser does when reaching the boundary of a scrolling area. It's a shorthand for overscroll-behavior-x and overscroll-behavior-y. B..
overflow-y
overflow-yThe overflow-y CSS property sets what shows when content overflows a block-level element's top and bottom edges. This may be nothing, a scroll bar, or the overflow content.Syntax/* Keyword v..
overflow-x
overflow-xThe overflow-x CSS property sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content.Syntax/* Keyword v..
overflow-wrap
overflow-wrapThe overflow-wrap CSS property applies to inline elements, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing it..
overflow-inline
overflow-inlineThe overflow-inline CSS property sets what shows when content overflows the inline start and end edges of a box. This may be nothing, a scroll bar, or the overflow content. Note: The..
overflow-clip-margin
overflow-clip-marginThe overflow-clip-margin CSS property determines how far outside its bounds an element with overflow: clip may be painted before being clipped.Syntaxoverflow-clip-margin: 20px; ove..
overflow-block
overflow-blockThe overflow-block CSS property sets what shows when content overflows the block start and block end edges of a box. This may be nothing, a scroll bar, or the overflow content. Note: ..
overflow-anchor
overflow-anchorThe overflow-anchor CSS property provides a way to opt out of the browser's scroll anchoring behavior, which adjusts scroll position to minimize content shifts. Scroll anchoring behavio..
overflow
overflowThe overflow CSS shorthand property sets the desired behavior for an element's overflow — i.e. when an element's content is too big to fit in its block formatting context — in both directi..
outline-width
outline-widthThe CSS outline-width property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the border. It is often more convenient to use the..
outline-style
outline-styleThe outline-style CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the border. It is often more convenient to use the sho..
outline-offset
outline-offsetThe outline-offset CSS property sets the amount of space between an outline and the edge or border of an element.Syntax/* <length> values */ outline-offset: 3px; outline-offset: 0...
outline-color
outline-colorThe outline-color CSS property sets the color of an element's outline.Syntax/* <color> values */ outline-color: #f92525; outline-color: rgb(30,222,121); outline-color: blue; /* Key..
outline
outlineThe outline CSS shorthand property set all the outline properties in a single declaration.Constituent propertiesThis property is a shorthand for the following CSS properties: outline-color ..
:out-of-range
:out-of-rangeThe :out-of-range CSS pseudo-class represents an <input> element whose current value is outside the range limits specified by the min and max attributes. /* Selects any <input>..
orphans
orphansThe orphans CSS property sets the minimum number of lines in a block container that must be shown at the bottom of a page, region, or column. /* <integer> values */ orphans: 2; orphans: 3..
ornaments()
font-variant-alternatesThe font-variant-alternates CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in @font-feature-values. /..
