Search
Search CSS
z-index
z-indexThe z-index CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one. For a positioned ..
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..
word-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..
word-spacing
word-spacingThe word-spacing CSS property sets the length of space between words and between tags.Syntax/* Keyword value */ word-spacing: normal; /* <length> values */ word-spacing: 3px; word-s..
word-break
word-breakThe word-break CSS property sets whether line breaks appear wherever the text would otherwise overflow its content box.Syntax/* Keyword values */ word-break: normal; word-break: break-all; w..
will-change
will-changeThe will-change CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations ca..
width
widthThe width CSS property sets an element's width. By default, it sets the width of the content area, but if box-sizing is set to border-box, it sets the width of the border area. The min-width and ..
widows
widowsThe widows CSS property sets the minimum number of lines in a block container that must be shown at the top of a page, region, or column. /* <integer> values */ widows: 2; widows: 3; /* G..
white-space
white-spaceThe white-space CSS property sets how white space inside an element is handled. The property specifies two things: Whether and how white space is collapsed. Whether lines may wrap at s..
:visited
:visitedThe :visited CSS pseudo-class represents links that the user has already visited. For privacy reasons, the styles that can be modified using this selector are very limited. /* Selects any <..
vertical-align
vertical-alignThe vertical-align CSS property sets vertical alignment of an inline, inline-block or table-cell box. The vertical-align property can be used in two contexts: To vertically align an i..
var()
var()The var() CSS function can be used to insert the value of a custom property (sometimes called a "CSS variable") instead of any part of a value of another property. The var() function cannot be us..
: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..
length#vw
<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#vmin
<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#vmax
<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#vh
<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..
user-select
user-selectThe user-select CSS property controls whether the user can select text. This doesn't have any effect on content loaded as part of a browser's user interface (its chrome), except in textboxe..
unset
unsetThe unset CSS keyword resets a property to its inherited value if the property naturally inherits from its parent, and to its initial value if not. In other words, it behaves like the inherit key..
unicode-range (@font-face)
unicode-rangeThe unicode-range CSS descriptor sets the specific range of characters to be used from a font defined by @font-face and made available for use on the current page. If the page doesn't use..
unicode-bidi
unicode-bidiThe unicode-bidi CSS property, together with the direction property, determines how bidirectional text in a document is handled. For example, if a block of content contains both left-to-ri..
translate
translateThe translate CSS property allows you to specify translation transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves h..
transform-style
transform-styleThe transform-style CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element. If flattened, the element's children wi..
transform
transform The transform CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model. If the property has a value dif..
<timing-function>
<easing-function>The <easing-function> CSS data type denotes a mathematical function that describes the rate at which a numerical value changes. This transition between two values may be a..
text-underline-position
text-underline-positionThe text-underline-position CSS property specifies the position of the underline which is set using the text-decoration property's underline value.Syntax/* Single keyword */ tex..
text-underline-offset
text-underline-offsetThe text-underline-offset CSS property sets the offset distance of an underline text decoration line (applied using text-decoration) from its original position. text-underline-off..
text-transform
text-transformThe text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. It als..
text-size-adjust
text-size-adjustExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The text-size-adjust CSS property controls the text inf..
text-shadow
text-shadowThe text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its decorations. Each shadow is described by some combin..
text-rendering
text-renderingThe text-rendering CSS property provides information to the rendering engine about what to optimize for when rendering text. The browser makes trade-offs among speed, legibility, and geo..
text-overflow
text-overflowThe text-overflow CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis ('…'), or display a custom string. The text-overflow propert..
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..
text-justify
text-justifyThe text-justify CSS property sets what type of justification should be applied to text when text-align: justify; is set on an element.Syntaxtext-justify: none; text-justify: auto; text-ju..
text-indent
text-indentThe text-indent CSS property sets the length of empty space (indentation) that is put before lines of text in a block. Horizontal spacing is with respect to the left (or right, for right-to..
text-emphasis-style
text-emphasis-styleThe text-emphasis-style CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the text-emphasis shorthand. /* Initial value */ text-emphasis-style..
text-emphasis-position
text-emphasis-positionThe text-emphasis-position CSS property sets where emphasis marks are drawn. Like ruby text, if there isn't enough room for emphasis marks, the line height is increased. /* Initi..
text-emphasis-color
text-emphasis-colorThe text-emphasis-color CSS property sets the color of emphasis marks. This value can also be set using the text-emphasis shorthand. /* Initial value */ text-emphasis-color: current..
text-emphasis
text-emphasisThe text-emphasis CSS property applies emphasis marks to text (except spaces and control characters). It is a shorthand for text-emphasis-style and text-emphasis-color. The text-emphasis ..
text-decoration-thickness
text-decoration-thicknessThe text-decoration-thickness CSS property sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline...
text-decoration-style
text-decoration-styleThe text-decoration-style CSS property sets the style of the lines specified by text-decoration-line. The style applies to all lines that are set with text-decoration-line. If the..
text-decoration-skip-ink
text-decoration-skip-inkThe text-decoration-skip-ink CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders. text-decoration-skip-ink is not p..
text-decoration-skip
text-decoration-skipThe text-decoration-skip CSS property sets what parts of an element's content any text decoration affecting the element must skip over. It controls all text decoration lines drawn ..
text-decoration-line
text-decoration-lineThe text-decoration-line CSS property sets the kind of decoration that is used on text in an element, such as an underline or overline. When setting multiple line-decoration proper..
text-decoration-color
text-decoration-colorThe text-decoration-color CSS property sets the color of decorations added to text by text-decoration-line. The color applies to decorations, such as underlines, overlines, strike..
text-decoration
text-decorationThe text-decoration shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for text-decoration-line, text-decoration-color, text-decoration-style, and..
text-combine-upright
text-combine-uprightThe text-combine-upright CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the c..
text-align-last
text-align-lastThe text-align-last CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.Syntax/* Keyword values */ text-align-last: auto; text-align-l..
text-align
text-alignThe text-align CSS property sets the horizontal alignment of the content inside a block element or table-cell box. This means it works like vertical-align but in the horizontal direction.Syn..
::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..
table-layout
table-layoutThe table-layout CSS property sets the algorithm used to lay out <table> cells, rows, and columns.Syntax/* Keyword values */ table-layout: auto; table-layout: fixed; /* Global value..
tab-size
tab-sizeThe tab-size CSS property is used to customize the width of tab characters (U+0009).Syntax/* <integer> values */ tab-size: 4; tab-size: 0; /* <length> values */ tab-size: 10px; ta..
swash()
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. /..
@supports
@supportsThe @supports CSS at-rule lets you specify declarations that depend on a browser's support for one or more specific CSS features. This is called a feature query. The rule may be placed at the..
stylistic()
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. /..
styleset()
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. /..
steps()
<easing-function>The <easing-function> CSS data type denotes a mathematical function that describes the rate at which a numerical value changes. This transition between two values may be a..
::spelling-error
::spelling-errorExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The ::spelling-error CSS pseudo-element represents a te..
::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..
shape-outside
shape-outsideThe shape-outside CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps around its margin box; s..
shape-image-threshold
shape-image-thresholdThe shape-image-threshold CSS property sets the alpha channel threshold used to extract the shape using an image as the value for shape-outside. Any pixels whose alpha component's..
::selection
::selectionThe ::selection CSS pseudo-element applies styles to the part of a document that has been highlighted by the user (such as clicking and dragging the mouse across text). ::selection { back..
scrollbar-gutter
scrollbar-gutterThe scrollbar-gutter CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals whe..
scroll-snap-type
scroll-snap-typeThe scroll-snap-type CSS property sets how strictly snap points are enforced on the scroll container in case there is one. Specifying any precise animations or physics used to enforce ..
scroll-snap-stop
scroll-snap-stopThe scroll-snap-stop CSS property defines whether the scroll container is allowed to "pass over" possible snap positions. /* Keyword values */ scroll-snap-stop: normal; scroll-snap-sto..
scroll-margin-inline-start
scroll-margin-inline-startThe scroll-margin-inline-start property defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. Th..
scroll-margin-inline-end
scroll-margin-inline-endThe scroll-margin-inline-end property defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. The scro..
scroll-margin-inline
scroll-margin-inlineThe scroll-margin-inline shorthand property sets the scroll margins of an element in the inline dimension.Constituent propertiesThis property is a shorthand for the following CSS p..
scroll-margin
scroll-marginThe scroll-margin shorthand property sets all of the scroll margins of an element at once, assigning values much like the margin property does for margins of an element.Constituent proper..
scroll-behavior
scroll-behaviorThe scroll-behavior CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs. Note that any other scrolls, such as those ..
:scope
:scopeThe :scope CSS pseudo-class represents elements that are a reference point for selectors to match against. /* Selects a scoped element */ :scope { background-color: lime; } Currently, when us..
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..
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..
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 ..
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..
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..
: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-..
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..
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..
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..
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..
: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..
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
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..
: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; /* ..
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..
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-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, ..
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 ..
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
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-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..
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. /..
order
orderThe order CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order value and then by their source code order.Syntax/* <int..
:optional
:optionalThe :optional CSS pseudo-class represents any <input>, <select>, or <textarea> element that does not have the required attribute set on it. /* Selects any optional <input..
opacity
opacityThe opacity CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.Syntaxopacity: 0.9 opacity: 90% ..
offset-path
offset-pathThe offset-path CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.Syntax/* Default */ ..
offset
offsetThe offset CSS shorthand property sets all the properties required for animating an element along a defined path. Note: Early versions of the spec called this property motion. Constituent pro..
:nth-of-type
:nth-of-type()The :nth-of-type() CSS pseudo-class matches elements based on their position among siblings of the same type (tag name). /* Selects every fourth <p> element among any group of s..
:not
:not()The :not() CSS pseudo-class represents elements that do not match a list of selectors. Since it prevents specific items from being selected, it is known as the negation pseudo-class. /* Selects ..
mix-blend-mode
mix-blend-modeThe mix-blend-mode CSS property sets how an element's content should blend with the content of the element's parent and the element's background.Syntax/* Keyword values */ mix-blend-mode..
min-inline-size
min-inline-sizeThe min-inline-size CSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either the min-width or the min-..
min-block-size
min-block-sizeThe min-block-size CSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the min-width or the min-he..
min()
min()The min() CSS function lets you set the smallest (most negative) value from a list of comma-separated expressions as the value of a CSS property value. The min() function can be used anywhere a &..
@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..
max-width
max-widthThe max-width CSS property sets the maximum width of an element. It prevents the used value of the width property from becoming larger than the value specified by max-width. max-width overrid..
max-inline-size
max-inline-sizeThe max-inline-size CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the max-width or the max-..
max-height
max-heightThe max-height CSS property sets the maximum height of an element. It prevents the used value of the height property from becoming larger than the value specified for max-height. max-height ..
max-block-size
max-block-sizeThe max-block-size CSS property specifies the maximum size of an element in the direction opposite that of the writing direction as specified by writing-mode. That is, if the writing dir..
max()
max()The max() CSS function lets you set the largest (most positive) value from a list of comma-separated expressions as the value of a CSS property value. The max() function can be used anywhere a &l..
matrix3d()
matrix3d() The matrix3d() CSS function defines a 3D transformation as a 4x4 homogeneous matrix. Its result is a <transform-function> data type. SyntaxThe matrix3d() function is specified wit..
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-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..
mask
maskThe mask CSS shorthand property hides an element (partially or fully) by masking or clipping the image at specific points. Note: As well as the properties listed below, the mask shorthand also ..
::marker
::markerThe ::marker CSS pseudo-element selects the marker box of a list item, which typically contains a bullet or number. It works on any element or pseudo-element set to display: list-item, such as..
margin-trim
margin-trimThe margin-trim property allows the container to trim the margins of its children where they adjoin the container's edges.Syntaxmargin-trim: none; margin-trim: in-flow; margin-trim: all; /..
margin-top
margin-topThe margin-top CSS property sets the margin area on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer. This property has n..
margin-right
margin-rightThe margin-right CSS property sets the margin area on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer. The vert..
margin-left
margin-leftThe margin-left CSS property sets the margin area on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer. The vertica..
margin-inline-start
margin-inline-startThe margin-inline-start CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, ..
margin-inline-end
margin-inline-endThe margin-inline-end CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and te..
margin-inline
margin-inlineThe margin-inline CSS shorthand property is a shorthand property that defines both the logical inline start and end margins of an element, which maps to physical margins depending on the ..
margin-bottom
margin-bottomThe margin-bottom CSS property sets the margin area on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer. This ..
margin-block-start
margin-block-startThe margin-block-start CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and..
margin-block-end
margin-block-endThe margin-block-end CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text ..
margin-block
margin-blockThe margin-block CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the element's writing mode, directionalit..
length#mm
<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..
list-style-type
list-style-typeThe list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element. The color of the marker will be the same as the computed co..
line-height-step
line-height-stepExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The line-height-step CSS property sets the step unit fo..
line-height
line-heightThe line-height CSS property sets the height of a line box. It's commonly used to set the distance between lines of text. On block-level elements, it specifies the minimum height of line bo..
line-break
line-breakThe line-break CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols. /* Keyword values */ line-break: auto; line-break: l..
letter-spacing
letter-spacingThe letter-spacing CSS property sets the horizontal spacing behavior between text characters. This value is added to the natural spacing between characters while rendering the text. Posi..
<length-percentage>
<length-percentage>The <length-percentage> CSS data type represents a value that can be either a <length> or a <percentage>.SyntaxRefer to the documentation for <length> ..
<length>
<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..
@layer
@layerExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The @layer CSS at-rule declares a cascade layer. Rules within a c..
:last-child
:last-childThe :last-child CSS pseudo-class represents the last element among a group of sibling elements. /* Selects any <p> that is the last element among its siblings */ p:last-child { c..
justify-self
justify-selfThe CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis. The effect of this property is dependent of the layout mode we are ..
justify-items
justify-itemsThe CSS justify-items property defines the default justify-self for all items of the box, giving them all a default way of justifying each box along the appropriate axis. The effect of th..
length#in
<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#ic
<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..
isolation
isolationThe isolation CSS property determines whether an element must create a new stacking context. This property is especially helpful when used in conjunction with mix-blend-mode and z-index.Synta..
:invalid
:invalidThe :invalid CSS pseudo-class represents any <input> or other <form> element whose contents fail to validate. /* Selects any invalid <input> */ input:invalid { background-c..
inset-inline-start
inset-inline-startThe inset-inline-start CSS property defines the logical inline start inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and..
inset-inline-end
inset-inline-endThe inset-inline-end CSS property defines the logical inline end inset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text ..
inset-inline
inset-inlineThe inset-inline CSS property defines the logical start and end offsets of an element in the inline direction, which maps to physical offsets depending on the element's writing mode, direc..
inset-block-start
inset-block-startThe inset-block-start CSS property defines the logical block start offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and te..
inset-block-end
inset-block-endThe inset-block-end CSS property defines the logical block end offset of an element, which maps to a physical inset depending on the element's writing mode, directionality, and text ori..
inset-block
inset-blockThe inset-block CSS property defines the logical block start and end offsets of an element, which maps to physical offsets depending on the element's writing mode, directionality, and text ..
inset
insetThe inset CSS property is a shorthand that corresponds to the top, right, bottom, and/or left properties. It has the same multi-value syntax of the margin shorthand. While part of the CSS Logical..
inline-size
inline-sizeThe inline-size CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the width or the height property, dependi..
initial-letter-align
initial-letter-alignExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The initial-letter-align CSS property specifies the..
initial-letter
initial-letterThe initial-letter CSS property sets styling for dropped, raised, and sunken initial letters. /* Keyword values */ initial-letter: normal; /* Numeric values */ initial-letter: 1.5; /..
initial
initialThe initial CSS keyword applies the initial (or default) value of a property to an element. It can be applied to any CSS property. This includes the CSS shorthand all, with which initial can be..
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..
image-rendering
image-renderingThe image-rendering CSS property sets an image scaling algorithm. The property applies to an element itself, to any images set in its other properties, and to its descendants. The user ..
image()
<image>The <image> CSS data type represents a two-dimensional image.SyntaxThe <image> data type can be represented with any of the following: An image denoted by the url() data ty..
<image>
<image>The <image> CSS data type represents a two-dimensional image.SyntaxThe <image> data type can be represented with any of the following: An image denoted by the url() data ty..
hyphens
hyphensThe hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the t..
hyphenate-character
hyphenate-characterThe hyphenate-character CSS property sets the character (or string) used at the end of a line before a hyphenation break. Both automatic and soft hyphens are displayed according to ..
hsla()
<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..
hsl()
<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..
: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..
height
heightThe height CSS property specifies the height of an element. By default, the property defines the height of the content area. If box-sizing is set to border-box, however, it instead determines th..
hanging-punctuation
hanging-punctuationThe hanging-punctuation CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box. ..
::grammar-error
::grammar-errorExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The ::grammar-error CSS pseudo-element represents a text..
gap
gap (grid-gap)The gap CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.Syntax/* One <length> value */ gap: 20px; gap: 1em; gap: 3vmin; ..
:future
:futureThe :future CSS pseudo-class selector is a time-dimensional pseudo-class that will match for any element which appears entirely after an element that matches :current. For example in a video wi..
forced-color-adjust
forced-color-adjustThe forced-color-adjust CSS property allows authors to opt certain elements out of forced colors mode. This then restores the control of those values to CSS.Syntaxforced-color-adjus..
font-weight (@font-face)
font-weightThe font-weight CSS descriptor allows authors to specify font weights for the fonts specified in the @font-face rule. The font-weight property can separately be used to set how thick or thi..
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-face)
font-variation-settingsThe font-variation-settings CSS descriptor allows authors to specify low-level OpenType or TrueType font variations in the @font-face rule.Syntax/* Use the default settings */ f..
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-ligatures
font-variant-ligaturesThe font-variant-ligatures CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized for..
font-variant-caps
font-variant-capsThe font-variant-caps CSS property controls the use of alternate glyphs for capital letters. When a given font includes capital letter glyphs of multiple different sizes, this propert..
font-variant-alternates
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. /..
font-variant (@font-face)
font-variantThe font-variant CSS shorthand property allows you to set all the font variants for the fonts specified in the @font-face rule.Constituent propertiesThis property is a shorthand for the fo..
font-variant
font-variantThe font-variant CSS shorthand property allows you to set all the font variants for a font. You can also set the CSS Level 2 (Revision 1) values of font-variant, (that is, normal or small-..
font-synthesis
font-synthesisThe font-synthesis CSS property controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser.Syntaxfont-synthesis: none; font-synthesis: weight; font-..
font-style (@font-face)
font-styleThe font-style CSS descriptor allows authors to specify font styles for the fonts specified in the @font-face rule. For a particular font family, authors can download various font faces whic..
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-size-adjust
font-size-adjustThe font-size-adjust CSS property sets the size of lower-case letters relative to the current font size (which defines the size of upper-case letters). /* Use the specified font size *..
font-size
font-sizeThe font-size CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative <length> units, such as em, ex, and so forth.Syntax/* <a..
font-optical-sizing
font-optical-sizingThe font-optical-sizing CSS property sets whether text rendering is optimized for viewing at different sizes.Syntax/* keyword values */ font-optical-sizing: none; font-optical-sizin..
font-kerning
font-kerningThe font-kerning CSS property sets the use of the kerning information stored in a font. Kerning defines how letters are spaced. In well-kerned fonts, this feature makes character spacing m..
font-feature-settings
font-feature-settingsThe font-feature-settings CSS property controls advanced typographic features in OpenType fonts.Syntax/* Use the default settings */ font-feature-settings: normal; /* Set values ..
font-family
font-familyThe font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element. Values are separated by commas to indicate t..
@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..
font
fontThe font CSS shorthand property sets all the different properties of an element's font. Alternatively, it sets an element's font to a system font. As with any shorthand property, any individual va..
:focus-within
:focus-withinThe :focus-within CSS pseudo-class matches an element if the element or any of its descendants are focused. In other words, it represents an element that is itself matched by the :focus p..
:focus-visible
:focus-visibleThe :focus-visible pseudo-class applies while an element matches the :focus pseudo-class and the UA (User Agent) determines via heuristics that the focus should be made evident on the el..
:focus
:focusThe :focus CSS pseudo-class represents an element (such as a form input) that has received focus. It is generally triggered when the user clicks or taps on an element or selects it with the keyb..
float
floatThe float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, ..
flex-wrap
flex-wrapThe flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked. See Using CS..
flex-direction
flex-directionThe flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed). Note that the values row and row-rever..
flex-basis
flex-basisThe flex-basis CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing. In this example the flex-grow and flex-shrink..
fit-content()
fit-contentThe fit-content behaves as fit-content(stretch). In practice this means that the box will use the available space, but never more than max-content. When used as laid out box size for width,..
::first-line (:first-line)
::first-line (:first-line)The ::first-line CSS pseudo-element applies styles to the first line of a block-level element. /* Selects the first line of a <p> */ p::first-line { color: red; } Th..
::first-letter (:first-letter)
::first-letter (:first-letter)The ::first-letter CSS pseudo-element applies styles to the first letter of the first line of a block-level element, but only when not preceded by other content (such as ..
:first-child
:first-childThe :first-child CSS pseudo-class represents the first element among a group of sibling elements. /* Selects any <p> that is the first element among its siblings */ p:first-child ..
<filter-function>
<filter-function>The <filter-function> CSS data type represents a graphical effect that can change the appearance of an input image. It is used in the filter and backdrop-filter properties..
filter
filterThe filter CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders. Included in the C..
length#ex
<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#em
<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..
env()
env()The env() CSS function can be used to insert the value of a user agent-defined environment variable into your CSS, in a similar fashion to the var() function and custom properties. The difference..
:enabled
:enabledThe :enabled CSS pseudo-class represents any enabled element. An element is enabled if it can be activated (selected, clicked on, typed into, etc.) or accept focus. The element also has a disa..
:empty
:emptyThe :empty CSS pseudo-class represents any element that has no children. Children can be either element nodes or text (including whitespace). Comments, processing instructions, and CSS content d..
element()
element()Experimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The element() CSS function defines an <image> value gene..
<display-outside>
<display-outside>The <display-outside> keywords specify the element's outer display type, which is essentially its role in flow layout. These keywords are used as values of the display pro..
<display-legacy>
<display-legacy>CSS 2 used a single-keyword syntax for the display property, requiring separate keywords for block-level and inline-level variants of the same layout mode. This page details thos..
<display-internal>
<display-internal>Some layout models such as table and ruby have a complex internal structure, with several different roles that their children and descendants can fill. This page defines those ..
<display-inside>
<display-inside>These keywords specify the element's inner display type, which defines the type of formatting context that lays out its contents (assuming it is a non-replaced element). These ke..
<display-box>
<display-box>These keywords define whether an element generates display boxes at all.SyntaxValid <display-box> values: contents These elements don't produce a specific box by the..
display
displayThe display CSS property sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex. Formally, the display property ..
:disabled
:disabledThe :disabled CSS pseudo-class represents any disabled element. An element is disabled if it can't be activated (selected, clicked on, typed into, etc.) or accept focus. The element also has ..
direction
directionThe direction CSS property sets the direction of text, table columns, and horizontal overflow. Use rtl for languages written from right to left (like Hebrew or Arabic), and ltr for those writ..
:dir
:dir()The :dir() CSS pseudo-class matches elements based on the directionality of the text contained in them. /* Selects any element with right-to-left text */ :dir(rtl) { background-color: red; } ..
descent-override (@font-face)
descent-overrideThe descent-override CSS descriptor defines the descent metric for the font. The descent metric is the height below the baseline that CSS uses to lay out line boxes in an inline format..
: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 ..
length#cm
<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#ch
<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#cap
<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..
<custom-ident>
<custom-ident>The <custom-ident> CSS data type denotes an arbitrary user-defined string used as an identifier. It is case-sensitive, and certain values are forbidden in various contexts to..
cursor
cursorThe cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element. The cursor setting should inform users of the mouse operations that can be performed ..
:current
:currentThe :current CSS pseudo-class selector is a time-dimensional pseudo-class that represents the element, or an ancestor of the element, that is currently being displayed. For example in a video ..
::cue-region
::cue-regionExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The ::cue-region CSS pseudo-element matches WebVTT cues wit..
::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..
cubic-bezier()
<easing-function>The <easing-function> CSS data type denotes a mathematical function that describes the rate at which a numerical value changes. This transition between two values may be a..
cross-fade()
cross-fade() The cross-fade() CSS function can be used to blend two or more images at a defined transparency. It can be used for many simple image manipulations, such as tinting an image with a so..
counters()
counters()The counters() CSS function enables nested counters, returning a concatenated string representing the current values of the named counters, if there are any. The counters() function has two ..
content
contentThe content CSS property replaces an element with a generated value. Objects inserted using the content property are anonymous replaced elements. /* Keywords that cannot be combined with other ..
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..
conic-gradient()
conic-gradient()The conic-gradient() CSS function creates an image consisting of a gradient with color transitions rotated around a center point (rather than radiating from the center). Example conic ..
columns
columnsThe columns CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.Constituent propertiesThis property is a shorthand for ..
column-width
column-widthThe column-width CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the colu..
column-span
column-spanThe column-span CSS property makes it possible for an element to span across all columns when its value is set to all. /* Keyword values */ column-span: none; column-span: all; /* Global v..
column-rule-width
column-rule-widthThe column-rule-width CSS property sets the width of the line drawn between columns in a multi-column layout.Syntax/* Keyword values */ column-rule-width: thin; column-rule-width: med..
column-rule-style
column-rule-styleThe column-rule-style CSS property sets the style of the line drawn between columns in a multi-column layout.Syntax/* <'border-style'> values */ column-rule-style: none; column-..
column-rule-color
column-rule-colorThe column-rule-color CSS property sets the color of the line drawn between columns in a multi-column layout.Syntax/* <color> values */ column-rule-color: red; column-rule-color..
column-rule
column-ruleThe column-rule shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout. It is a shorthand property that sets the individual colum..
column-gap
column-gap (grid-column-gap)The column-gap CSS property sets the size of the gap (gutter) between an element's columns. Initially a part of Multi-column Layout, the definition of column-gap has been b..
column-fill
column-fillThe column-fill CSS property controls how an element's contents are balanced when broken into columns.Syntax/* Keyword values */ column-fill: auto; column-fill: balance; column-fill: balanc..
column-count
column-countThe column-count CSS property breaks an element's content into the specified number of columns.Syntax/* Keyword value */ column-count: auto; /* <integer> value */ column-count: 3; ..
color-scheme
color-schemeThe color-scheme CSS property allows an element to indicate which color schemes it can comfortably be rendered in. Common choices for operating system color schemes are "light" and "dark",..
color-adjust
print-color-adjust The print-color-adjust CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allo..
color
colorThe color CSS property sets the foreground color value of an element's text and text decorations, and sets the <currentcolor> value. currentcolor may be used as an indirect value on other p..
<color>
<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..
clip-path
clip-pathThe clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.Syntax/* Key..
clip
clipThe clip CSS property defines a visible portion of an element. The clip property applies only to absolutely positioned elements — that is, elements with position:absolute or position:fixed. /* K..
clear
clearThe clear CSS property sets whether an element must be moved below (cleared) floating elements that precede it. The clear property applies to floating and non-floating elements. When applied to n..
:checked
:checkedThe :checked CSS pseudo-class selector represents any radio (<input type="radio">), checkbox (<input type="checkbox">), or option (<option> in a <select>) element that ..
character-variant()
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. /..
caret-color
caret-colorThe caret-color CSS property sets the color of the insertion caret, the visible marker where the next character typed will be inserted. This is sometimes referred to as the text input curso..
calc()
calc()The calc() CSS function lets you perform calculations when specifying CSS property values. It can be used anywhere a <length>, <frequency>, <angle>, <time>, <percentag..
break-before
break-beforeThe break-before CSS property sets how page, column, or region breaks should behave before a generated box. If there is no generated box, the property is ignored. /* Generic break values *..
break-after
break-afterThe break-after CSS property sets how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored. /* Generic break values */ b..
box-shadow
box-shadowThe box-shadow CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the elem..
bottom
bottomThe bottom CSS property participates in setting the vertical position of a positioned element. It has no effect on non-positioned elements. The effect of bottom depends on how the element is pos..
border-top-color
border-top-colorThe border-top-color CSS property sets the color of an element's top border. It can also be set with the shorthand CSS properties border-color or border-top.Syntax/* <color> valu..
border-top
border-topThe border-top shorthand CSS property sets all the properties of an element's top border. As with all shorthand properties, border-top always sets the values of all of the properties that it..
border-start-start-radius
border-start-start-radiusThe border-start-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, di..
border-start-end-radius
border-start-end-radiusThe border-start-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction..
border-spacing
border-spacingThe border-spacing CSS property sets the distance between the borders of adjacent <table> cells. This property applies only when border-collapse is separate. The border-spacing val..
border-right-color
border-right-colorThe border-right-color CSS property sets the color of an element's right border. It can also be set with the shorthand CSS properties border-color or border-right.Syntax/* <color&..
border-right
border-rightThe border-right shorthand CSS property sets all the properties of an element's right border. As with all shorthand properties, border-right always sets the values of all of the properties..
border-left-color
border-left-colorThe border-left-color CSS property sets the color of an element's left border. It can also be set with the shorthand CSS properties border-color or border-left.Syntax/* <color> ..
border-left
border-leftThe border-left shorthand CSS property sets all the properties of an element's left border. As with all shorthand properties, border-left always sets the values of all of the properties tha..
border-inline-width
border-inline-widthThe border-inline-width CSS property defines the width of the logical inline borders of an element, which maps to a physical border width depending on the element's writing mode, di..
border-inline-style
border-inline-styleThe border-inline-style CSS property defines the style of the logical inline borders of an element, which maps to a physical border style depending on the element's writing mode, di..
border-inline-start-width
border-inline-start-widthThe border-inline-start-width CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's..
border-inline-start-style
border-inline-start-styleThe border-inline-start-style CSS property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's..
border-inline-start-color
border-inline-start-colorThe border-inline-start-color CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's..
border-inline-start
border-inline-startThe border-inline-start CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.Constituent ..
border-inline-end-width
border-inline-end-widthThe border-inline-end-width CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writi..
border-inline-end-style
border-inline-end-styleThe border-inline-end-style CSS property defines the style of the logical inline end border of an element, which maps to a physical border style depending on the element's writi..
border-inline-end-color
border-inline-end-colorThe border-inline-end-color CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writi..
border-inline-end
border-inline-endThe border-inline-end CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet.Constituent proper..
border-inline-color
border-inline-colorThe border-inline-color CSS property defines the color of the logical inline borders of an element, which maps to a physical border color depending on the element's writing mode, di..
border-inline
border-inlineThe border-inline CSS property is a shorthand property for setting the individual logical inline border property values in a single place in the style sheet. The physical borders to which..
border-image-slice
border-image-sliceThe border-image-slice CSS property divides the image specified by border-image-source into regions. These regions form the components of an element's border image. The slicing proce..
border-image
border-imageThe border-image CSS property draws an image around a given element. It replaces the element's regular border. Note: You should specify a separate border-style in case the border image ..
border-end-start-radius
border-end-start-radiusThe border-end-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction..
border-end-end-radius
border-end-end-radiusThe border-end-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, direction,..
border-color
border-colorThe border-color shorthand CSS property sets the color of an element's border. Each side can be set individually using border-top-color, border-right-color, border-bottom-color, and border..
border-bottom-color
border-bottom-colorThe border-bottom-color CSS property sets the color of an element's bottom border. It can also be set with the shorthand CSS properties border-color or border-bottom.Syntax/* <co..
border-bottom
border-bottomThe border-bottom shorthand CSS property sets an element's bottom border. It sets the values of border-bottom-width, border-bottom-style and border-bottom-color. As with all shorthand pro..
border-block-width
border-block-widthThe border-block-width CSS property defines the width of the logical block borders of an element, which maps to a physical border width depending on the element's writing mode, direc..
border-block-style
border-block-styleThe border-block-style CSS property defines the style of the logical block borders of an element, which maps to a physical border style depending on the element's writing mode, direc..
border-block-start-width
border-block-start-widthThe border-block-start-width CSS property defines the width of the logical block-start border of an element, which maps to a physical border width depending on the element's wr..
border-block-start-style
border-block-start-styleThe border-block-start-style CSS property defines the style of the logical block start border of an element, which maps to a physical border style depending on the element's wr..
border-block-start-color
border-block-start-colorThe border-block-start-color CSS property defines the color of the logical block-start border of an element, which maps to a physical border color depending on the element's wr..
border-block-start
border-block-startThe border-block-start CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.Constituent pro..
border-block-end-width
border-block-end-widthThe border-block-end-width CSS property defines the width of the logical block-end border of an element, which maps to a physical border width depending on the element's writing ..
border-block-end-style
border-block-end-styleThe border-block-end-style CSS property defines the style of the logical block-end border of an element, which maps to a physical border style depending on the element's writing ..
border-block-end-color
border-block-end-colorThe border-block-end-color CSS property defines the color of the logical block-end border of an element, which maps to a physical border color depending on the element's writing ..
border-block-end
border-block-endThe border-block-end CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet.Constituent propertie..
border-block-color
border-block-colorThe border-block-color CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, direc..
border-block
border-blockThe border-block CSS property is a shorthand property for setting the individual logical block border property values in a single place in the style sheet. border-block can be used to set ..
block-size
block-sizeThe block-size CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the width or the height property, depending..
:blank
:blankExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. Note: The :blank selector is considered at risk, as the CSSWG ..
::before (:before)
::before (:before)In CSS, ::before creates a pseudo-element that is the first child of the selected element. It is often used to add cosmetic content to an element with the content property. It is inl..
background-image
background-imageThe background-image CSS property sets one or more background images on an element. The background images are drawn on stacking context layers on top of each other. The first layer spe..
background-color
background-colorThe background-color CSS property sets the background color of an element.Syntax/* Keyword values */ background-color: red; background-color: indigo; /* Hexadecimal value */ backgroun..
background-clip
background-clipThe background-clip CSS property sets whether an element's background extends underneath its border box, padding box, or content box. If the element has no background-image or backgroun..
background-attachment
background-attachmentThe background-attachment CSS property sets whether a background image's position is fixed within the viewport, or scrolls with its containing block.Syntax/* Keyword values */ bac..
background
backgroundThe background shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method.Constituent propertiesThis property is a shorthand..
backface-visibility
backface-visibilityThe backface-visibility CSS property sets whether the back face of an element is visible when turned towards the user. An element's back face is a mirror image of its front face. Th..
backdrop-filter
backdrop-filterThe backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, ..
ascent-override (@font-face)
ascent-overrideThe ascent-override CSS descriptor defines the ascent metric for the font. The ascent metric is the height above the baseline that CSS uses to lay out line boxes in an inline formatting..
appearance
appearance (-moz-appearance, -webkit-appearance)The appearance CSS property is used to display an element using platform-native styling, based on the operating system's theme. The -moz-appearance and ..
annotation()
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. /..
all
allThe all shorthand CSS property resets all of an element's properties except unicode-bidi, direction, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the..
::after (:after)
::after (:after)In CSS, ::after creates a pseudo-element that is the last child of the selected element. It is often used to add cosmetic content to an element with the content property. It is inline ..
accent-color
accent-colorThe accent-color CSS property sets the accent color for user-interface controls generated by some elements. Browsers that support accent-color currently apply it to the following HTML elem..
-webkit-line-clamp
-webkit-line-clampThe -webkit-line-clamp CSS property allows limiting of the contents of a block container to the specified number of lines. It only works in combination with the display property set ..
--*
Custom properties (--*): CSS variablesProperty names that are prefixed with --, like --example-name, represent custom properties that contain a value that can be used in other declarations using the v..
