Search
Search CSS
writing-mode
writing-modeThe writing-mode CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress. When set for an entire document, it sho..
:where
:where()The :where() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be selected by one of the selectors in that list. /* Selects any paragraph inside..
:valid
:validThe :valid CSS pseudo-class represents any <input> or other <form> element whose contents validate successfully. This allows to easily make valid fields adopt an appearance that help..
touch-action
touch-actionThe touch-action CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser). /* Keyword values */ touch-ac..
text-orientation
text-orientationThe text-orientation CSS property sets the orientation of the text characters in a line. It only affects text in vertical mode (when writing-mode is not horizontal-tb). It is useful fo..
::target-text
::target-textExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The ::target-text CSS pseudo-element represents the text t..
:target
:targetThe :target CSS pseudo-class represents a unique element (the target element) with an id matching the URL's fragment. /* Selects an element with an ID matching the current URL's fragment */ :ta..
::slotted
::slotted()The ::slotted() CSS pseudo-element represents any element that has been placed into a slot inside an HTML template (see Using templates and slots for more information). This only works when..
: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-..
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..
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..
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
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..
@media
@mediaThe @media CSS at-rule can be used to apply part of a style sheet based on the result of one or more media queries. With it, you specify a media query and a block of CSS to apply to the document..
math-style
math-styleThe math-style property indicates whether MathML equations should render with normal or compact height.Syntax/* Keyword values */ math-style: normal; math-style: compact; /* Global values *..
mask-size
mask-sizeThe mask-size CSS property specifies the sizes of the mask images. The size of the image can be fully or partially constrained in order to preserve its intrinsic ratio. /* Keywords syntax */ ..
mask-repeat
mask-repeatThe mask-repeat CSS property sets how mask images are repeated. A mask image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all. /* One-value sy..
mask-position
mask-positionThe mask-position CSS property sets the initial position, relative to the mask position layer set by mask-origin, for each defined mask image. /* Keyword values */ mask-position: top; mas..
mask-origin
mask-originThe mask-origin CSS property sets the origin of a mask. /* Keyword values */ mask-origin: content-box; mask-origin: padding-box; mask-origin: border-box; mask-origin: margin-box; mask-origi..
mask-mode
mask-modeThe mask-mode CSS property sets whether the mask reference defined by mask-image is treated as a luminance or alpha mask. /* Keyword values */ mask-mode: alpha; mask-mode: luminance; mask-mod..
mask-image
mask-image The mask-image CSS property sets the image that is used as mask layer for an element. By default this means the alpha channel of the mask image will be multiplied with the alpha channel..
mask-composite
mask-compositeThe mask-composite CSS property represents a compositing operation used on the current mask layer with the mask layers below it. /* Keyword values */ mask-composite: add; mask-composite:..
mask-clip
mask-clipThe mask-clip CSS property determines the area which is affected by a mask. The painted content of an element must be restricted to this area. /* <geometry-box> values */ mask-clip: con..
mask-border
mask-borderThe mask-border CSS shorthand property lets you create a mask along the edge of an element's border.Constituent propertiesThis property is a shorthand for the following CSS properties: m..
justify-tracks
justify-tracksExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The justify-tracks CSS property sets the alignment in the..
image-set()
image-set()The image-set() CSS functional notation is a method of letting the browser pick the most appropriate CSS image from a given set, primarily for high pixel density screens. Resolution and ban..
:host-context()
:host-context()The :host-context() CSS pseudo-class function selects the shadow host of the shadow DOM containing the CSS it is used inside (so you can select a custom element from inside its shadow D..
:host()
:host()The :host() CSS pseudo-class function selects the shadow host of the shadow DOM containing the CSS it is used inside (so you can select a custom element from inside its shadow DOM) — but only..
font-weight
font-weightThe font-weight CSS property sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set.Syntax/* Keyword values */ font-weight: normal;..
font-variation-settings
font-variation-settingsThe font-variation-settings CSS property provides low-level control over variable font characteristics, by specifying the four letter axis names of the characteristics you want ..
font-variant-numeric
font-variant-numericThe font-variant-numeric CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.Syntaxfont-variant-numeric: normal; font-variant-numeric: o..
font-style
font-styleThe font-style CSS property sets whether a font should be styled with a normal, italic, or oblique face from its font-family. Italic font faces are generally cursive in nature, usually using..
font-stretch
font-stretchThe font-stretch CSS property selects a normal, condensed, or expanded face from a font.Syntax/* Keyword values */ font-stretch: ultra-condensed; font-stretch: extra-condensed; font-stretc..
@font-face
@font-faceThe @font-face CSS at-rule specifies a custom font with which to display text; the font can be loaded from either a remote server or a locally-installed font on the user's own computer.Synta..
:defined
:definedThe :defined CSS pseudo-class represents any element that has been defined. This includes any standard element built in to the browser, and custom elements that have been successfully defined ..
::cue
::cueThe ::cue CSS pseudo-element matches WebVTT cues within a selected element. This can be used to style captions and other cues in media with VTT tracks. ::cue { color: yellow; font-weight: bol..
@counter-style
@counter-styleThe @counter-style CSS at-rule lets you define counter styles that are not part of the predefined set of styles. A @counter-style rule defines how to convert a counter value into a strin..
contain
containThe contain CSS property allows an author to indicate that an element and its contents are, as much as possible, independent of the rest of the document tree. This allows the browser to recalcu..
clamp()
clamp()The clamp() CSS function clamps a value between an upper and lower bound. clamp() enables selecting a middle value within a range of values between a defined minimum and maximum. It takes three..
::backdrop
::backdropThe ::backdrop CSS pseudo-element is a box the size of the viewport which is rendered immediately beneath any element being presented in fullscreen mode. This includes both elements which ha..
align-tracks
align-tracksExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The align-tracks CSS property sets the alignment in the mas..
