Search
Search CSS
Search CSS by entering your search text above.
CSS
zoom (@viewport)

@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..

12:22 am, February 22, 2022
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 ..

12:22 am, February 22, 2022
CSS
resolution#x

<resolution>The <resolution> CSS data type, used for describing resolutions in media queries, denotes the pixel density of an output device, i.e., its resolution. On screens, the units are..

12:22 am, February 22, 2022
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
width (@viewport)

@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
: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 <..

12:22 am, February 22, 2022
CSS
visibility

visibilityThe visibility CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a <table>. To both hide an element and re..

12:22 am, February 22, 2022
CSS
viewport-fit (@viewport)

@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..

12:22 am, February 22, 2022
CSS
@viewport

@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
user-zoom (@viewport)

@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..

12:22 am, February 22, 2022
CSS
:user-valid

:user-valid (:-moz-ui-valid)The :user-valid CSS pseudo-class represents any validated form element whose value validates correctly based on its validation constraints. However, unlike :valid it only m..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
:user-invalid

:user-invalid (:-moz-ui-invalid)The :user-invalid CSS pseudo-class represents any validated form element whose value isn't valid based on their validation constraints, after the user has interacted wi..

12:22 am, February 22, 2022
CSS
url()

url()The url() CSS function is used to include a file. The parameter is an absolute URL, a relative URL, a blob URL, or a data URL. The url() function can be passed as a parameter of another CSS funct..

12:22 am, February 22, 2022
CSS
&lt;url&gt;

url()The url() CSS function is used to include a file. The parameter is an absolute URL, a relative URL, a blob URL, or a data URL. The url() function can be passed as a parameter of another CSS funct..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
translateZ()

translateZ() The translateZ() CSS function repositions an element along the z-axis in 3D space, i.e., closer to or farther away from the viewer. Its result is a <transform-function> data typ..

12:22 am, February 22, 2022
CSS
translateY()

translateY() The translateY() CSS function repositions an element vertically on the 2D plane. Its result is a <transform-function> data type. Note: translateY(ty) is equivalent..

12:22 am, February 22, 2022
CSS
translateX()

translateX() The translateX() CSS function repositions an element horizontally on the 2D plane. Its result is a <transform-function> data type. Note: translateX(tx) is equivale..

12:22 am, February 22, 2022
CSS
translate3d()

translate3d() The translate3d() CSS function repositions an element in 3D space. Its result is a <transform-function> data type. This transformation is characterized by a three-dimension..

12:22 am, February 22, 2022
CSS
translate()

translate() The translate() CSS function repositions an element in the horizontal and/or vertical directions. Its result is a <transform-function> data type. This transformation is ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
transition-timing-function

transition-timing-functionThe transition-timing-function CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect. This, in essence, lets you e..

12:22 am, February 22, 2022
CSS
transition-property

transition-propertyThe transition-property CSS property sets the CSS properties to which a transition effect should be applied. Note: The set of properties that can be animated is subject to change..

12:22 am, February 22, 2022
CSS
transition-duration

transition-durationThe transition-duration CSS property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur. You m..

12:22 am, February 22, 2022
CSS
transition-delay

transition-delayThe transition-delay CSS property specifies the duration to wait before starting a property's transition effect when its value changes. The delay may be zero, positive, or negative: ..

12:22 am, February 22, 2022
CSS
transition

transitionThe transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay. Transitions enable you to define the trans..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
transform-origin

transform-originThe transform-origin CSS property sets the origin for an element's transformations. The transform origin is the point around which a transformation is applied. For example, the transfo..

12:22 am, February 22, 2022
CSS
&lt;transform-function&gt;

<transform-function>The <transform-function> CSS data type represents a transformation that affects an element's appearance. Transformation functions can rotate, resize, distort, or move a..

12:22 am, February 22, 2022
CSS
transform-box

transform-boxThe transform-box CSS property defines the layout box to which the transform and transform-origin properties relate. /* Keyword values */ transform-box: content-box; transform-box: border..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
@top-center

@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..

12:22 am, February 22, 2022
CSS
top

topThe top CSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements. The effect of top depends on how the element is positione..

12:22 am, February 22, 2022
CSS
&lt;timing-function&gt;

<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..

12:22 am, February 22, 2022
CSS
&lt;time-percentage&gt;

<time-percentage>The <time-percentage> CSS data type represents a value that can be either a <time> or a <percentage>.SyntaxRefer to the documentation for <time> and <..

12:22 am, February 22, 2022
CSS
&lt;time&gt;

<time>The <time> CSS data type represents a time value expressed in seconds or milliseconds. It is used in animation, transition, and related properties.SyntaxThe <time> data type co..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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...

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
:target-within

:target-withinExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The :target-within CSS pseudo-class represents an element..

12:22 am, February 22, 2022
CSS
::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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
angle#turn

<angle>The <angle> CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used, for example, in <gradient>s and in some transform functions...

12:22 am, February 22, 2022
CSS
time#s

<time>The <time> CSS data type represents a time value expressed in seconds or milliseconds. It is used in animation, transition, and related properties.SyntaxThe <time> data type co..

12:22 am, February 22, 2022
CSS
system (@counter-style)

systemThe system descriptor specifies the algorithm to be used for converting the integer value of a counter to a string representation. It is used in a @counter-style to define the behavior of the de..

12:22 am, February 22, 2022
CSS
syntax (@property)

syntaxExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The syntax CSS descriptor is required when using the @property at..

12:22 am, February 22, 2022
CSS
symbols()

symbols()The symbols() CSS function lets you define counter styles inline, directly as the value of a property such as list-style. Unlike @counter-style, symbols() is anonymous (i.e., it can only be u..

12:22 am, February 22, 2022
CSS
symbols (@counter-style)

symbolsThe symbols CSS descriptor is used to specify the symbols that the specified counter system will use to construct counter representations.SyntaxThe symbols descriptor is specified as one or mor..

12:22 am, February 22, 2022
CSS
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. /..

12:22 am, February 22, 2022
CSS
@swash

@font-feature-valuesThe @font-feature-values CSS at-rule lets you use a common name in the font-variant-alternates property for features activated differently in OpenType. This can help simplify your ..

12:22 am, February 22, 2022
CSS
@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..

12:22 am, February 22, 2022
CSS
suffix (@counter-style)

suffixThe suffix descriptor of the@counter-style rule specifies content that will be appended to the marker representation.Syntax/* <symbol> values */ suffix: ""; suffix: ") "; suffix: url(bulle..

12:22 am, February 22, 2022
CSS
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. /..

12:22 am, February 22, 2022
CSS
@stylistic

@font-feature-valuesThe @font-feature-values CSS at-rule lets you use a common name in the font-variant-alternates property for features activated differently in OpenType. This can help simplify your ..

12:22 am, February 22, 2022
CSS
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. /..

12:22 am, February 22, 2022
CSS
@styleset

@font-feature-valuesThe @font-feature-values CSS at-rule lets you use a common name in the font-variant-alternates property for features activated differently in OpenType. This can help simplify your ..

12:22 am, February 22, 2022
CSS
&lt;string&gt;

<string>The <string> CSS data type represents a sequence of characters. Strings are used in numerous CSS properties, such as content, font-family, and quotes.SyntaxThe <string> data ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
src (@font-face)

srcThe src CSS descriptor of the @font-face rule specifies the resource containing font data. It is required for the @font-face rule to be valid.Syntax/* <url> values */ src: url(https://someweb..

12:22 am, February 22, 2022
CSS
::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..

12:22 am, February 22, 2022
CSS
speak-as (@counter-style)

speak-asThe speak-as descriptor specifies how a counter symbol constructed with a given @counter-style will be represented in the spoken form. For example, an author can specify a counter symbol to be..

12:22 am, February 22, 2022
CSS
::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..

12:22 am, February 22, 2022
CSS
skewY()

skewY() The skewY() CSS function defines a transformation that skews an element in the vertical direction on the 2D plane. Its result is a <transform-function> data type. This transforma..

12:22 am, February 22, 2022
CSS
skewX()

skewX() The skewX() CSS function defines a transformation that skews an element in the horizontal direction on the 2D plane. Its result is a <transform-function> data type. This transfor..

12:22 am, February 22, 2022
CSS
skew()

skew() The skew() CSS function defines a transformation that skews an element on the 2D plane. Its result is a <transform-function> data type. This transformation is a shear mapping (tra..

12:22 am, February 22, 2022
CSS
size-adjust (@font-face)

size-adjustThe size-adjust CSS descriptor defines a multiplier for glyph outlines and metrics associated with this font. This makes it easier to harmonize the designs of various fonts when rendered at..

12:22 am, February 22, 2022
CSS
size (@page)

sizeExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The size CSS at-rule descriptor, used with the @page at-rule, defin..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
shape-margin

shape-marginThe shape-margin CSS property sets a margin for a CSS shape created using shape-outside. The margin lets you adjust the distance between the edges of the shape (the float element) and the ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
&lt;shape&gt;

<shape>Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of ..

12:22 am, February 22, 2022
CSS
sepia()

sepia()The sepia() CSS function converts the input image to sepia, giving it a warmer, more yellow/brown appearance. Its result is a <filter-function>.Syntaxsepia(amount) Parameters amount ..

12:22 am, February 22, 2022
CSS
::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..

12:22 am, February 22, 2022
CSS
scrollbar-width

scrollbar-widthThe scrollbar-width property allows the author to set the maximum thickness of an element's scrollbars when they are shown.Syntax/* Keyword values */ scrollbar-width: auto; scrollbar-wi..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
scrollbar-color

scrollbar-colorThe scrollbar-color CSS property sets the color of the scrollbar track and thumb. The track refers to the background of the scrollbar, which is generally fixed regardless of the scrolli..

12:22 am, February 22, 2022
CSS
@scroll-timeline

@scroll-timelineThe @scroll-timeline CSS at-rule defines an AnimationTimeline whose time values are determined by scrolling progress within a scroll container and not by minutes or seconds. Once speci..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
scroll-snap-align

scroll-snap-alignThe scroll-snap-align property specifies the box's snap position as an alignment of its snap area (as the alignment subject) within its snap container's snapport (as the alignment con..

12:22 am, February 22, 2022
CSS
scroll-padding-top

scroll-padding-topThe scroll-padding-top property defines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the us..

12:22 am, February 22, 2022
CSS
scroll-padding-right

scroll-padding-rightThe scroll-padding-right property defines offsets for the right of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of ..

12:22 am, February 22, 2022
CSS
scroll-padding-left

scroll-padding-leftThe scroll-padding-left property defines offsets for the left of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the..

12:22 am, February 22, 2022
CSS
scroll-padding-inline-start

scroll-padding-inline-startThe scroll-padding-inline-start property defines offsets for the start edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the t..

12:22 am, February 22, 2022
CSS
scroll-padding-inline-end

scroll-padding-inline-endThe scroll-padding-inline-end property defines offsets for the end edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target ..

12:22 am, February 22, 2022
CSS
scroll-padding-inline

scroll-padding-inlineThe scroll-padding-inline shorthand property sets the scroll padding of an element in the inline dimension. The scroll-padding properties define offsets for the optimal viewing re..

12:22 am, February 22, 2022
CSS
scroll-padding-bottom

scroll-padding-bottomThe scroll-padding-bottom property defines offsets for the bottom of the optimal viewing region of the scrollport: the region used as the target region for placing things in view ..

12:22 am, February 22, 2022
CSS
scroll-padding-block-start

scroll-padding-block-startThe scroll-padding-block-start property defines offsets for the start edge in the block dimension of the optimal viewing region of the scrollport: the region used as the targ..

12:22 am, February 22, 2022
CSS
scroll-padding-block-end

scroll-padding-block-endThe scroll-padding-block-end property defines offsets for the end edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target reg..

12:22 am, February 22, 2022
CSS
scroll-padding-block

scroll-padding-blockThe scroll-padding-block shorthand property sets the scroll padding of an element in the block dimension. The scroll-padding properties define offsets for the optimal viewing regio..

12:22 am, February 22, 2022
CSS
scroll-padding

scroll-paddingThe scroll-padding shorthand property sets scroll padding on all sides of an element at once, much like the padding property does for padding on an element. The scroll-padding-* properti..

12:22 am, February 22, 2022
CSS
scroll-margin-top

scroll-margin-topThe scroll-margin-top property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the tran..

12:22 am, February 22, 2022
CSS
scroll-margin-right

scroll-margin-rightThe scroll-margin-right property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking th..

12:22 am, February 22, 2022
CSS
scroll-margin-left

scroll-margin-leftThe scroll-margin-left property defines the left margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the t..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
scroll-margin-bottom

scroll-margin-bottomThe scroll-margin-bottom property defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking..

12:22 am, February 22, 2022
CSS
scroll-margin-block-start

scroll-margin-block-startThe scroll-margin-block-start property defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. The s..

12:22 am, February 22, 2022
CSS
scroll-margin-block-end

scroll-margin-block-endThe scroll-margin-block-end property defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. The scroll ..

12:22 am, February 22, 2022
CSS
scroll-margin-block

scroll-margin-blockThe scroll-margin-block shorthand property sets the scroll margins of an element in the block dimension.Constituent propertiesThis property is a shorthand for the following CSS prop..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
scaleZ()

scaleZ() The scaleZ() CSS function defines a transformation that resizes an element along the z-axis. Its result is a <transform-function> data type. This scaling transformation modifies..

12:22 am, February 22, 2022
CSS
scaleY()

scaleY() The scaleY() CSS function defines a transformation that resizes an element along the y-axis (vertically). Its result is a <transform-function> data type. It modifies the or..

12:22 am, February 22, 2022
CSS
scaleX()

scaleX() The scaleX() CSS function defines a transformation that resizes an element along the x-axis (horizontally). Its result is a <transform-function> data type. It modifies the ..

12:22 am, February 22, 2022
CSS
scale3d()

scale3d() The scale3d() CSS function defines a transformation that resizes an element in 3D space. Because the amount of scaling is defined by a vector, it can resize different dimensions at diffe..

12:22 am, February 22, 2022
CSS
scale()

scale() The scale() CSS function defines a transformation that resizes an element on the 2D plane. Because the amount of scaling is defined by a vector, it can resize the horizontal and vertical d..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
saturate()

saturate()The saturate() CSS function super-saturates or desaturates the input image. Its result is a <filter-function>.Syntaxsaturate(amount) Parameters amount The amount of the conver..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
row-gap

row-gap (grid-row-gap)The row-gap CSS property sets the size of the gap (gutter) between an element's grid rows.Syntax/* <length> values */ row-gap: 20px; row-gap: 1em; row-gap: 3vmin; row-gap: ..

12:22 am, February 22, 2022
CSS
rotateZ()

rotateZ() The rotateZ() CSS function defines a transformation that rotates an element around the z-axis without deforming it. Its result is a <transform-function> data type. The axis of rot..

12:22 am, February 22, 2022
CSS
rotateY()

rotateY() The rotateY() CSS function defines a transformation that rotates an element around the ordinate (vertical axis) without deforming it. Its result is a <transform-function> data type..

12:22 am, February 22, 2022
CSS
rotateX()

rotateX() The rotateX() CSS function defines a transformation that rotates an element around the abscissa (horizontal axis) without deforming it. Its result is a <transform-function> data ty..

12:22 am, February 22, 2022
CSS
rotate3d()

rotate3d() The rotate3d() CSS function defines a transformation that rotates an element around a fixed axis in 3D space, without deforming it. Its result is a <transform-function> data type...

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
:root

:rootThe :root CSS pseudo-class matches the root element of a tree representing the document. In HTML, :root represents the <html> element and is identical to the selector html, except that its ..

12:22 am, February 22, 2022
CSS
@right-bottom

@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..

12:22 am, February 22, 2022
CSS
right

rightThe right CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.Syntax/* <length> values */ right: 3px; right:..

12:22 am, February 22, 2022
CSS
:right

:rightThe :right CSS pseudo-class, used with the @page at-rule, represents all right-hand pages of a printed document. /* Selects any right-hand pages when printing */ @page :right { margin: 2in 3in..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
&lt;resolution&gt;

<resolution>The <resolution> CSS data type, used for describing resolutions in media queries, denotes the pixel density of an output device, i.e., its resolution. On screens, the units are..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
repeating-radial-gradient()

repeating-radial-gradient()The repeating-radial-gradient() CSS function creates an image consisting of repeating gradients that radiate from an origin. It is similar to radial-gradient() and takes the..

12:22 am, February 22, 2022
CSS
repeating-linear-gradient()

repeating-linear-gradient()The repeating-linear-gradient() CSS function creates an image consisting of repeating linear gradients. It is similar to linear-gradient() and takes the same arguments, but ..

12:22 am, February 22, 2022
CSS
repeat()

repeat()The repeat() CSS function represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form. Th..

12:22 am, February 22, 2022
CSS
rect()

<shape>Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of ..

12:22 am, February 22, 2022
CSS
: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-..

12:22 am, February 22, 2022
CSS
: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-..

12:22 am, February 22, 2022
CSS
&lt;ratio&gt;

<ratio>The <ratio> CSS data type, used for describing aspect ratios in media queries, denotes the proportion between two unitless values.SyntaxIn Media Queries Level 3, the <ratio> d..

12:22 am, February 22, 2022
CSS
range (@counter-style)

rangeWhen defining custom counter styles, the range descriptor lets the author specify a range of counter values over which the style is applied. If a counter value is outside the specified range, the..

12:22 am, February 22, 2022
CSS
radial-gradient()

radial-gradient()The radial-gradient() CSS function creates an image consisting of a progressive transition between two or more colors that radiate from an origin. Its shape may be a circle or an elli..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
angle#rad

<angle>The <angle> CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used, for example, in <gradient>s and in some transform functions...

12:22 am, February 22, 2022
CSS
quotes

quotesThe quotes CSS property sets how the browser should render quotation marks that are added using the open-quotes or close-quotes values of the CSS content property.Syntax/* Keyword value */ quote..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
@property

@propertyExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The @property CSS at-rule is part of the CSS Houdini umbrella ..

12:22 am, February 22, 2022
CSS
prefix (@counter-style)

prefixThe prefix descriptor of the @counter-style rule specifies content that will be prepended to the marker representation. If not specified, the default value will be "" (an empty string).Syntax/* ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
&lt;position&gt;

<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..

12:22 am, February 22, 2022
CSS
polygon()

<basic-shape>The <basic-shape> CSS data type represents a shape used in the clip-path, shape-outside, and offset-path properties.SyntaxThe <basic-shape> data type is defined with one..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
:playing

:playingExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The :playing CSS pseudo-class selector is a resource state pseu..

12:22 am, February 22, 2022
CSS
: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 ..

12:22 am, February 22, 2022
CSS
::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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
place-items

place-itemsThe CSS place-items shorthand property allows you to align items along both the block and inline directions at once (i.e. the align-items and justify-items properties) in a relevant layout ..

12:22 am, February 22, 2022
CSS
place-content

place-contentThe place-content CSS shorthand property allows you to align content along both the block and inline directions at once (i.e. the align-content and justify-content properties) in a releva..

12:22 am, February 22, 2022
CSS
:picture-in-picture

:picture-in-pictureThe :picture-in-picture CSS pseudo-class matches the element which is currently in picture-in-picture mode.Syntax:picture-in-pictureUsage notesThe :picture-in-picture pseudo-class l..

12:22 am, February 22, 2022
CSS
perspective-origin

perspective-originThe perspective-origin CSS property determines the position at which the viewer is looking. It is used as the vanishing point by the perspective property. The perspective-origin and ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
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..

12:22 am, February 22, 2022
CSS
&lt;percentage&gt;

<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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
: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 ..

12:22 am, February 22, 2022
CSS
::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..

12:22 am, February 22, 2022
CSS
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; /* ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
@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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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: ..

12:22 am, February 22, 2022
CSS
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,..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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, ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
length#px

<length>The <length> CSS data type represents a distance value. Lengths can be used in numerous CSS properties, such as width, height, margin, padding, border-width, font-size, and text-sh..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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. /* ..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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: ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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...

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
: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>..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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. /..

12:22 am, February 22, 2022
CSS
@ornaments

@font-feature-valuesThe @font-feature-values CSS at-rule lets you use a common name in the font-variant-alternates property for features activated differently in OpenType. This can help simplify your ..

12:22 am, February 22, 2022
CSS
orientation (@viewport)

@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
opacity()

opacity()The opacity() CSS function applies transparency to the samples in the input image. Its result is a <filter-function>. Note: This function is similar to the more established opacity p..

12:22 am, February 22, 2022
CSS
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% ..

12:22 am, February 22, 2022
CSS
:only-of-type

:only-of-typeThe :only-of-type CSS pseudo-class represents an element that has no siblings of the same type. /* Selects each <p>, but only if it is the */ /* only <p> element inside its pa..

12:22 am, February 22, 2022
CSS
:only-child

:only-childThe :only-child CSS pseudo-class represents an element without any siblings. This is the same as :first-child:last-child or :nth-child(1):nth-last-child(1), but with a lower specificity. /*..

12:22 am, February 22, 2022
CSS
offset-rotate

offset-rotateThe offset-rotate CSS property defines the orientation/direction of the element as it is positioned along the offset-path. Note: Early versions of the spec called this property motion-..

12:22 am, February 22, 2022
CSS
offset-position

offset-positionExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The offset-position CSS property defines the initial pos..

12:22 am, February 22, 2022
CSS
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 */ ..

12:22 am, February 22, 2022
CSS
offset-distance

offset-distanceThe offset-distance CSS property specifies a position along an offset-path for an element to be placed.Syntax/* Default value */ offset-distance: 0; /* the middle of the offset-path */..

12:22 am, February 22, 2022
CSS
offset-anchor

offset-anchorThe offset-anchor CSS property specifies the point inside the box of an element travelling along an offset-path that is actually moving along the path.Syntax/* Keyword values */ offset-an..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
object-position

object-positionThe object-position CSS property specifies the alignment of the selected replaced element's contents within the element's box. Areas of the box which aren't covered by the replaced elem..

12:22 am, February 22, 2022
CSS
object-fit

object-fitThe object-fit CSS property sets how the content of a replaced element, such as an <img> or <video>, should be resized to fit its container. You can alter the alignment of the re..

12:22 am, February 22, 2022
CSS
&lt;number&gt;

<number>The <number> CSS data type represents a number, being either an integer or a number with a fractional component.SyntaxThe syntax of <number> extends the syntax of <integer..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
:nth-last-of-type

:nth-last-of-type()The :nth-last-of-type() CSS pseudo-class matches elements based on their position among siblings of the same type (tag name), counting from the end. /* Selects every fourth <p>..

12:22 am, February 22, 2022
CSS
:nth-last-col

:nth-last-colExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The :nth-last-col() CSS pseudo-class is designed for table..

12:22 am, February 22, 2022
CSS
:nth-last-child

:nth-last-child()The :nth-last-child() CSS pseudo-class matches elements based on their position among a group of siblings, counting from the end. /* Selects every fourth element among any group of..

12:22 am, February 22, 2022
CSS
:nth-col

:nth-colExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The :nth-col() CSS pseudo-class is designed for tables and grid..

12:22 am, February 22, 2022
CSS
:nth-child

:nth-child()The :nth-child() CSS pseudo-class matches elements based on their position among a group of siblings. /* Selects the second <li> element in a list */ li:nth-child(2) { color: lime;..

12:22 am, February 22, 2022
CSS
: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 ..

12:22 am, February 22, 2022
CSS
negative (@counter-style)

negativeWhen defining custom counter styles, the negative descriptor lets you alter the representations of negative counter values, by providing a way to specify symbols to be appended or prepended to..

12:22 am, February 22, 2022
CSS
@namespace

@namespace@namespace is an at-rule that defines XML namespaces to be used in a CSS style sheet.Syntax/* Default namespace */ @namespace url(XML-namespace-URL); @namespace "XML-namespace-URL"; /* Pref..

12:22 am, February 22, 2022
CSS
time#ms

<time>The <time> CSS data type represents a time value expressed in seconds or milliseconds. It is used in animation, transition, and related properties.SyntaxThe <time> data type co..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
minmax()

minmax()The minmax() CSS function defines a size range greater than or equal to min and less than or equal to max. It is used with CSS Grids.Syntax/* <inflexible-breadth>, <track-breadth> ..

12:22 am, February 22, 2022
CSS
min-zoom (@viewport)

@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..

12:22 am, February 22, 2022
CSS
min-width (@viewport)

@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..

12:22 am, February 22, 2022
CSS
min-width

min-widthThe min-width CSS property sets the minimum width of an element. It prevents the used value of the width property from becoming smaller than the value specified for min-width. The element's w..

12:22 am, February 22, 2022
CSS
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-..

12:22 am, February 22, 2022
CSS
min-height (@viewport)

@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..

12:22 am, February 22, 2022
CSS
min-height

min-heightThe min-height CSS property sets the minimum height of an element. It prevents the used value of the height property from becoming smaller than the value specified for min-height. The elemen..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 &..

12:22 am, February 22, 2022
CSS
@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..

12:22 am, February 22, 2022
CSS
max-zoom (@viewport)

@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..

12:22 am, February 22, 2022
CSS
max-width (@viewport)

@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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-..

12:22 am, February 22, 2022
CSS
max-height (@viewport)

@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
matrix()

matrix() The matrix() CSS function defines a homogeneous 2D transformation matrix. Its result is a <transform-function> data type. Note: matrix(a, b, c, d, tx, ty) is a shorthand fo..

12:22 am, February 22, 2022
CSS
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 *..

12:22 am, February 22, 2022
CSS
masonry-auto-flow

masonry-auto-flowExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The masonry-auto-flow CSS property modifies how items ..

12:22 am, February 22, 2022
CSS
mask-type

mask-typeThe mask-type CSS property sets whether an SVG <mask> element is used as a luminance or an alpha mask. It applies to the <mask> element itself. /* Keyword values */ mask-type: lum..

12:22 am, February 22, 2022
CSS
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 */ ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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:..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
mask-border-width

mask-border-widthThe mask-border-width CSS property sets the width of an element's mask border.Syntax/* Keyword value */ mask-border-width: auto; /* <length> value */ mask-border-width: 1rem; ..

12:22 am, February 22, 2022
CSS
mask-border-source

mask-border-sourceThe mask-border-source CSS property sets the source image used to create an element's mask border. The mask-border-slice property is used to divide the source image into regions, whi..

12:22 am, February 22, 2022
CSS
mask-border-slice

mask-border-sliceThe mask-border-slice CSS property divides the image set by mask-border-source into regions. These regions are used to form the components of an element's mask border.Syntax/* All sid..

12:22 am, February 22, 2022
CSS
mask-border-repeat

mask-border-repeatThe mask-border-repeat CSS property sets how the edge regions of a source image are adjusted to fit the dimensions of an element's mask border.Syntax/* Keyword value */ mask-border-r..

12:22 am, February 22, 2022
CSS
mask-border-outset

mask-border-outsetThe mask-border-outset CSS property specifies the distance by which an element's mask border is set out from its border box.Syntax/* <length> value */ mask-border-outset: 1rem;..

12:22 am, February 22, 2022
CSS
mask-border-mode

mask-border-modeThe mask-border-mode CSS property specifies the blending mode used in a mask border.Syntax/* Keyword values */ mask-border-mode: luminance; mask-border-mode: alpha; /* Global values *..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
::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..

12:22 am, February 22, 2022
CSS
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; /..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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, ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
margin

marginThe margin CSS shorthand property sets the margin area on all four sides of an element.Constituent propertiesThis property is a shorthand for the following CSS properties: margin-bottom mar..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
:local-link

:local-linkThe :local-link CSS pseudo-class represents a link to the same document. Therefore an element that is the source anchor of a hyperlink whose target's absolute URL matches the element's own ..

12:22 am, February 22, 2022
CSS
local()

srcThe src CSS descriptor of the @font-face rule specifies the resource containing font data. It is required for the @font-face rule to be valid.Syntax/* <url> values */ src: url(https://someweb..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
list-style-position

list-style-positionThe list-style-position CSS property sets the position of the ::marker relative to a list item. It is often more convenient to use the shorthand list-style. Note: This property i..

12:22 am, February 22, 2022
CSS
list-style-image

list-style-imageThe list-style-image CSS property sets an image to be used as the list item marker. It is often more convenient to use the shorthand list-style. Note: This property is applied to li..

12:22 am, February 22, 2022
CSS
list-style

list-styleThe list-style CSS shorthand property allows you to set all the list style properties at once. Note: This property is applied to list items, i.e., elements with display: list-item; . By d..

12:22 am, February 22, 2022
CSS
:link

:linkThe :link CSS pseudo-class represents an element that has not yet been visited. It matches every unvisited <a> or <area> element that has an href attribute. /* Selects any <a> t..

12:22 am, February 22, 2022
CSS
linear-gradient()

linear-gradient()The linear-gradient() CSS function creates an image consisting of a progressive transition between two or more colors along a straight line. Its result is an object of the <gradien..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
line-gap-override (@font-face)

line-gap-overrideThe line-gap-override CSS descriptor defines the line-gap metric for the font. The line-gap metric is the font recommended line-gap or external leading.Syntaxline-gap-override: normal..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
&lt;length-percentage&gt;

<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> ..

12:22 am, February 22, 2022
CSS
&lt;length&gt;

<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..

12:22 am, February 22, 2022
CSS
@left-bottom

@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..

12:22 am, February 22, 2022
CSS
left

leftThe left CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.Syntax/* <length> values */ left: 3px; left: 2.4..

12:22 am, February 22, 2022
CSS
:left

:leftThe :left CSS pseudo-class, used with the @page at-rule, represents all left-hand pages of a printed document. /* Selects any left-hand pages when printing */ @page :left { margin: 2in 3in; } ..

12:22 am, February 22, 2022
CSS
@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..

12:22 am, February 22, 2022
CSS
:last-of-type

:last-of-typeThe :last-of-type CSS pseudo-class represents the last element of its type among a group of sibling elements. /* Selects any <p> that is the last element of its type among its si..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
:lang

:lang()The :lang() CSS pseudo-class matches elements based on the language they are determined to be in. /* Selects any <p> in English (en) */ p:lang(en) { quotes: '\201C' '\201D' '\2018' '\20..

12:22 am, February 22, 2022
CSS
@keyframes

@keyframesThe @keyframes CSS at-rule controls the intermediate steps in a CSS animation sequence by defining styles for keyframes (or waypoints) along the animation sequence. This gives more control o..

12:22 am, February 22, 2022
CSS
frequency#kHz

<frequency>The <frequency> CSS data type represents a frequency dimension, such as the pitch of a speaking voice. It is not currently used in any CSS properties.SyntaxThe <frequency>..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
justify-content

justify-contentThe CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid contai..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
:is

:is() (:matches(), :any()) Note: :matches() was renamed to :is() in CSSWG issue #3258. The :is() CSS pseudo-class function takes a selector list as its argument, and selects any element that can be..

12:22 am, February 22, 2022
CSS
invert()

invert()The invert() CSS function inverts the color samples in the input image. Its result is a <filter-function>.Syntaxinvert(amount) Parameters amount The amount of the conversion, sp..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
&lt;integer&gt;

<integer>The <integer> CSS data type is a special type of <number> that represents a whole number, whether positive or negative. Integers can be used in numerous CSS properties, such..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
inset()

<basic-shape>The <basic-shape> CSS data type represents a shape used in the clip-path, shape-outside, and offset-path properties.SyntaxThe <basic-shape> data type is defined with one..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
initial-value (@property)

initial-valueExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The initial-value CSS descriptor is required when using th..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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; /..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
inherits (@property)

inheritsExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The inherits CSS descriptor is required when using the @propert..

12:22 am, February 22, 2022
CSS
inherit

inheritThe inherit CSS keyword causes the element for which it is specified to take the computed value of the property from its parent element. It can be applied to any CSS property, including the CSS..

12:22 am, February 22, 2022
CSS
:indeterminate

:indeterminateThe :indeterminate CSS pseudo-class represents any form element whose state is indeterminate, such as checkboxes which have their HTML indeterminate attribute set to true, radio buttons ..

12:22 am, February 22, 2022
CSS
:in-range

:in-rangeThe :in-range CSS pseudo-class represents an <input> element whose current value is within the range limits specified by the min and max attributes. /* Selects any <input>, but on..

12:22 am, February 22, 2022
CSS
@import

@importThe @import CSS at-rule is used to import style rules from other style sheets.Syntax@import url; @import url list-of-media-queries; @import url supports( supports-query ); @import url supports(..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
image-resolution

image-resolutionExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The image-resolution CSS property specifies the intrins..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
image-orientation

image-orientationThe image-orientation CSS property specifies a layout-independent correction to the orientation of an image. /* keyword values */ image-orientation: none; image-orientation: from-imag..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
&lt;image&gt;

<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..

12:22 am, February 22, 2022
CSS
&lt;ident&gt;

identThe <ident> CSS data type denotes an arbitrary string used as an identifier.SyntaxThe syntax of <custom-ident> is similar to CSS identifiers (such as property names), except that it i..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
hue-rotate()

hue-rotate()The hue-rotate() CSS function rotates the hue of an element and its contents. Its result is a <filter-function>.Syntaxhue-rotate(angle) Parameters angle The relative change ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
:hover

:hoverThe :hover CSS pseudo-class matches when the user interacts with an element with a pointing device, but does not necessarily activate it. It is generally triggered when the user hovers over an e..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
height (@viewport)

@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
:has

:has()The :has() CSS pseudo-class represents an element if any of the selectors passed as parameters (relative to the :scope of the given element) match at least one element. /* Selects any <a>,..

12:22 am, February 22, 2022
CSS
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. ..

12:22 am, February 22, 2022
CSS
frequency#Hz

<frequency>The <frequency> CSS data type represents a frequency dimension, such as the pitch of a speaking voice. It is not currently used in any CSS properties.SyntaxThe <frequency>..

12:22 am, February 22, 2022
CSS
grid-template-rows

grid-template-rowsThe grid-template-rows CSS property defines the line names and track sizing functions of the grid rows.Syntax/* Keyword value */ grid-template-rows: none; /* <track-list> valu..

12:22 am, February 22, 2022
CSS
grid-template-columns

grid-template-columnsThe grid-template-columns CSS property defines the line names and track sizing functions of the grid columns.Syntax/* Keyword value */ grid-template-columns: none; /* <track-l..

12:22 am, February 22, 2022
CSS
grid-template-areas

grid-template-areasThe grid-template-areas CSS property specifies named grid areas, establishing the cells in the grid and assigning them names. Those areas are not associated with any particular grid..

12:22 am, February 22, 2022
CSS
grid-template

grid-templateThe grid-template CSS property is a shorthand property for defining grid columns, rows, and areas.Constituent propertiesThis property is a shorthand for the following CSS properties: g..

12:22 am, February 22, 2022
CSS
grid-row-start

grid-row-startThe grid-row-start CSS property specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifyin..

12:22 am, February 22, 2022
CSS
grid-row-end

grid-row-endThe grid-row-end CSS property specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the ..

12:22 am, February 22, 2022
CSS
grid-row

grid-rowThe grid-row CSS shorthand property specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifyi..

12:22 am, February 22, 2022
CSS
grid-column-start

grid-column-startThe grid-column-start CSS property specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This sta..

12:22 am, February 22, 2022
CSS
grid-column-end

grid-column-endThe grid-column-end CSS property specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specif..

12:22 am, February 22, 2022
CSS
grid-column

grid-columnThe grid-column CSS shorthand property specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby s..

12:22 am, February 22, 2022
CSS
grid-auto-rows

grid-auto-rowsThe grid-auto-rows CSS property specifies the size of an implicitly-created grid row track or pattern of tracks. If a grid item is positioned into a row that is not explicitly sized by g..

12:22 am, February 22, 2022
CSS
grid-auto-flow

grid-auto-flowThe grid-auto-flow CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.Syntax/* Keyword values */ grid-auto-fl..

12:22 am, February 22, 2022
CSS
grid-auto-columns

grid-auto-columnsThe grid-auto-columns CSS property specifies the size of an implicitly-created grid column track or pattern of tracks. If a grid item is positioned into a column that is not explicitl..

12:22 am, February 22, 2022
CSS
grid-area

grid-areaThe grid-area CSS shorthand property specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying t..

12:22 am, February 22, 2022
CSS
grid

gridThe grid CSS property is a shorthand property that sets all of the explicit and implicit grid properties in a single declaration. Using grid you specify one axis using grid-template-rows or grid-t..

12:22 am, February 22, 2022
CSS
grayscale()

grayscale()The grayscale() CSS function converts the input image to grayscale. Its result is a <filter-function>.Syntaxgrayscale(amount) Parameters amount The amount of the conversion, ..

12:22 am, February 22, 2022
CSS
::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..

12:22 am, February 22, 2022
CSS
&lt;gradient&gt;

<gradient>The <gradient> CSS data type is a special type of <image> that consists of a progressive transition between two or more colors. A CSS gradient has no intrinsic dimensions; ..

12:22 am, February 22, 2022
CSS
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; ..

12:22 am, February 22, 2022
CSS
angle#grad

<angle>The <angle> CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used, for example, in <gradient>s and in some transform functions...

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
:fullscreen

:fullscreenThe :fullscreen CSS pseudo-class matches every element which is currently in fullscreen mode. If multiple elements have been put into fullscreen mode, this selects them all.Syntax:fullscree..

12:22 am, February 22, 2022
CSS
&lt;frequency-percentage&gt;

<frequency-percentage>Experimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The <frequency-percentage> CSS data t..

12:22 am, February 22, 2022
CSS
&lt;frequency&gt;

<frequency>The <frequency> CSS data type represents a frequency dimension, such as the pitch of a speaking voice. It is not currently used in any CSS properties.SyntaxThe <frequency>..

12:22 am, February 22, 2022
CSS
format()

srcThe src CSS descriptor of the @font-face rule specifies the resource containing font data. It is required for the @font-face rule to be valid.Syntax/* <url> values */ src: url(https://someweb..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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;..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
font-variant-position

font-variant-positionThe font-variant-position CSS property controls the use of alternate, smaller glyphs that are positioned as superscript or subscript. The glyphs are positioned relative to the bas..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
font-variant-east-asian

font-variant-east-asianThe font-variant-east-asian CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese. font-variant-east-asian: normal; font-variant-ea..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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. /..

12:22 am, February 22, 2022
CSS
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-..

12:22 am, February 22, 2022
CSS
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-..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
font-stretch (@font-face)

font-stretchThe font-stretch CSS descriptor allows authors to specify a normal, condensed, or expanded face for the fonts specified in the @font-face rule. For a particular font family, authors can do..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 *..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
font-language-override

font-language-overrideThe font-language-override CSS property controls the use of language-specific glyphs in a typeface. /* Keyword value */ font-language-override: normal; /* <string> values ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
@font-feature-values

@font-feature-valuesThe @font-feature-values CSS at-rule lets you use a common name in the font-variant-alternates property for features activated differently in OpenType. This can help simplify your ..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
font-family (@font-face)

font-familyThe font-family CSS descriptor allows authors to specify the font family for the font specified in an @font-face rule.Syntax/* <string> values */ font-family: "font family"; font-fami..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
@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..

12:22 am, February 22, 2022
CSS
font-display (@font-face)

font-displayThe font-display descriptor determines how a font face is displayed based on whether and when it is downloaded and ready to use.Syntax/* Keyword values */ font-display: auto; font-display:..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
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, ..

12:22 am, February 22, 2022
CSS
flex_value#fr

<flex>The <flex> CSS data type denotes a flexible length within a grid container. It is used in grid-template-columns, grid-template-rows and other related properties.SyntaxThe <flex>..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
flex-shrink

flex-shrinkThe flex-shrink CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink. In us..

12:22 am, February 22, 2022
CSS
flex-grow

flex-growThe flex-grow CSS property sets the flex grow factor of a flex item's main size.Syntax/* <number> values */ flex-grow: 3; flex-grow: 0.6; /* Global values */ flex-grow: inherit; flex-g..

12:22 am, February 22, 2022
CSS
flex-flow

flex-flowThe flex-flow CSS shorthand property specifies the direction of a flex container, as well as its wrapping behavior.Constituent propertiesThis property is a shorthand for the following CSS pro..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
flex

flexThe flex CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.Constituent propertiesThis property is a shorthand for the following CSS p..

12:22 am, February 22, 2022
CSS
&lt;flex&gt;

<flex>The <flex> CSS data type denotes a flexible length within a grid container. It is used in grid-template-columns, grid-template-rows and other related properties.SyntaxThe <flex>..

12:22 am, February 22, 2022
CSS
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,..

12:22 am, February 22, 2022
CSS
:first-of-type

:first-of-typeThe :first-of-type CSS pseudo-class represents the first element of its type among a group of sibling elements. /* Selects any <p> that is the first element of its type among it..

12:22 am, February 22, 2022
CSS
::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..

12:22 am, February 22, 2022
CSS
::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 ..

12:22 am, February 22, 2022
CSS
: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 ..

12:22 am, February 22, 2022
CSS
:first

:firstThe :first CSS pseudo-class, used with the @page at-rule, represents the first page of a printed document. (See :first-child for general first element of a node.) /* Selects the first page when ..

12:22 am, February 22, 2022
CSS
&lt;filter-function&gt;

<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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
fallback (@counter-style)

fallbackThe fallback descriptor can be used to specify a counter style to fall back to if the current counter style cannot create a marker representation for a particular counter value.Syntax/* Keywor..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
empty-cells

empty-cellsThe empty-cells CSS property sets whether borders and backgrounds appear around <table> cells that have no visible content. This property has an effect only when the border-collapse p..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
ellipse()

<basic-shape>The <basic-shape> CSS data type represents a shape used in the clip-path, shape-outside, and offset-path properties.SyntaxThe <basic-shape> data type is defined with one..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
resolution#dppx

<resolution>The <resolution> CSS data type, used for describing resolutions in media queries, denotes the pixel density of an output device, i.e., its resolution. On screens, the units are..

12:22 am, February 22, 2022
CSS
resolution#dpi

<resolution>The <resolution> CSS data type, used for describing resolutions in media queries, denotes the pixel density of an output device, i.e., its resolution. On screens, the units are..

12:22 am, February 22, 2022
CSS
resolution#dpcm

<resolution>The <resolution> CSS data type, used for describing resolutions in media queries, denotes the pixel density of an output device, i.e., its resolution. On screens, the units are..

12:22 am, February 22, 2022
CSS
drop-shadow()

drop-shadow()The drop-shadow() CSS function applies a drop shadow effect to the input image. Its result is a <filter-function>. A drop shadow is effectively a blurred, offset version of the inpu..

12:22 am, February 22, 2022
CSS
&lt;display-outside&gt;

<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..

12:22 am, February 22, 2022
CSS
&lt;display-listitem&gt;

<display-listitem>The list-item keyword causes the element to generate a ::marker pseudo-element with the content specified by its list-style properties (for example a bullet point) together wit..

12:22 am, February 22, 2022
CSS
&lt;display-legacy&gt;

<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..

12:22 am, February 22, 2022
CSS
&lt;display-internal&gt;

<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 ..

12:22 am, February 22, 2022
CSS
&lt;display-inside&gt;

<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..

12:22 am, February 22, 2022
CSS
&lt;display-box&gt;

<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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
: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 ..

12:22 am, February 22, 2022
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

Subscribe to weekly updates about things i have added to the site or thought interesting during the last week.

You could also follow me on twitter or not... does anyone even use twitter anymore?

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote
The happiest People don't have the best of everything, they just make the best of everything.
Unknown
Random CSS Property

background-position-y

The background-position-y CSS property sets the initial vertical position for each background image. The position is relative to the position layer set by background-origin.
background-position-y css reference