CSS entries starting with “P”
Every CSS entry starting with P, grouped by kind. Pseudo-classes, pseudo-elements and types are filed by their first letter, ignoring the leading :, :: or <.
| Name | Description |
|---|---|
| Color | |
palegoldenrod | Named colour #eee8aa. |
palegreen | Named colour #98fb98. |
paleturquoise | Named colour #afeeee. |
palevioletred | Named colour #db7093. |
papayawhip | Named colour #ffefd5. |
peachpuff | Named colour #ffdab9. |
peru | Named colour #cd853f. |
pink | Named colour #ffc0cb. |
plum | Named colour #dda0dd. |
powderblue | Named colour #b0e0e6. |
purple | Named colour #800080. |
| Descriptor | |
pad | An @counter-style descriptor: pads markers to a minimum length. |
page-margin-safety | An @page descriptor keeping margins clear of the unprintable area. |
page-orientation | An @page descriptor that rotates the page when shown or printed. |
prefix | An @counter-style descriptor: a symbol placed before the marker. |
| Environment variable | |
preferred-text-scale | The user's preferred text size as a scale factor, 1 by default. |
| Function | |
paint() | An image drawn by a JavaScript paint worklet. |
palette-mix() | Mixes two colour-font palettes for font-palette. |
path() | A shape or path from an SVG path data string. |
perspective() | Applies a perspective projection at a viewing distance. |
polygon() | A polygon from a list of vertex positions. |
pow() | Raises a number to a power. |
progress() | How far a value lies between a start and an end, from 0 to 1. |
| Keyword | |
pi | Math constant: the ratio of a circle's circumference to its diameter. |
| Media feature | |
pointer | Whether the primary input is a pointer: none, coarse or fine. |
prefers-color-scheme | Whether the user prefers a light or dark colour scheme. |
prefers-contrast | Whether the user has asked for more or less contrast. |
prefers-reduced-motion | Whether the user has asked to minimise non-essential motion. |
prefers-reduced-transparency | Whether the user has asked to reduce transparent layers. |
| Property | |
padding | Shorthand for the four physical paddings inside the border. |
padding-block | Shorthand for the block-start and block-end paddings. |
padding-block-end | The padding at the block-end side; the bottom padding in English. |
padding-block-start | The padding at the block-start side; the top padding in English. |
padding-bottom | The padding between the bottom border and the content. |
padding-inline | Shorthand for the inline-start and inline-end paddings. |
padding-inline-end | The padding at the end of the line; the right padding in English. |
padding-inline-start | The padding at the start of the line; the left padding in English. |
padding-left | The padding between the left border and the content. |
padding-right | The padding between the right border and the content. |
padding-top | The padding between the top border and the content. |
page | Names the type of printed page a box goes on, for a named @page rule. |
page-break-after | Deprecated alias of break-after. |
page-break-before | Deprecated alias of break-before. |
page-break-inside | Deprecated alias of break-inside. |
paint-order | The order in which fill, stroke and markers are painted. |
perspective | Gives an element's children a 3D viewing distance. |
perspective-origin | The vanishing point for an element's 3D children. |
place-content | Shorthand for align-content and justify-content. |
place-items | Shorthand for align-items and justify-items. |
place-self | Shorthand for align-self and justify-self. |
pointer-events | Whether an element can be the target of pointer events. |
position | Static, relative, absolute, fixed or sticky positioning for a box. |
position-anchor | Chooses the default anchor of an absolutely positioned box. |
position-area | Places a box above, below, beside or over its anchor. |
position-try | Shorthand for position-try-order and position-try-fallbacks. |
position-try-fallbacks | Other placements to try when an anchored box would overflow. |
position-try-order | Tries first the fallback placement that gives the most space. |
position-visibility | Hides an anchored box when its anchor is out of view or it overflows. |
print-color-adjust | Whether the browser may drop or change colours when printing. |
| Pseudo-class | |
:past | Matches caption cue text before the current playback position. |
:paused | Matches an audio or video element that is not playing. |
:picture-in-picture | Matches a video playing in a picture-in-picture window. |
:placeholder-shown | Matches an input while it is showing its placeholder text. |
:playing | Matches an audio or video element that is playing. |
:popover-open | Matches a popover element while it is showing. |
| Pseudo-element | |
::part() | Styles shadow DOM elements a component exposes with the part attribute. |
::picker() | The drop-down part of a customisable select element. |
::picker-icon | The arrow icon on a control that opens a picker. |
::placeholder | The placeholder text of an input or textarea. |
| Type | |
<paint-box> | The visual boxes plus fill-box and stroke-box. |
<percentage> | A number followed by %, a fraction of some reference value. |
<position-area> | A cell or span in the 3x3 grid around an anchor. |
<position> | A point inside a box, as keywords, lengths or percentages. |
| Unit | |
pc | One pica, 12 points. |
pt | One point, 1/72 of an inch. |
px | One CSS pixel, 1/96 of an inch. |