Search
Search CSS
Search CSS by entering your search text above.
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-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
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
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
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
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-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
&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
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-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-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
: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
::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
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
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
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-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
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
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

: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
: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
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
: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
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
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
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
: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
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
&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
::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
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
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
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-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

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

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
: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
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
: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-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
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()

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

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

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

: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-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
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
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
: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
: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
: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
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-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
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-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
: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
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
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-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
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
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
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
&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
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
length#cm

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

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

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

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

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

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

@counter-styleThe @counter-style CSS at-rule lets you define counter styles that are not part of the predefined set of styles. A @counter-style rule defines how to convert a counter value into a strin..

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

column-ruleThe column-rule shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout. It is a shorthand property that sets the individual colum..

12:22 am, February 22, 2022
CSS
clip-path

clip-pathThe clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.Syntax/* Key..

12:22 am, February 22, 2022
CSS
clip

clipThe clip CSS property defines a visible portion of an element. The clip property applies only to absolutely positioned elements — that is, elements with position:absolute or position:fixed. /* K..

12:22 am, February 22, 2022
CSS
clear

clearThe clear CSS property sets whether an element must be moved below (cleared) floating elements that precede it. The clear property applies to floating and non-floating elements. When applied to n..

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

:checkedThe :checked CSS pseudo-class selector represents any radio (<input type="radio">), checkbox (<input type="checkbox">), or option (<option> in a <select>) element that ..

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

calc()The calc() CSS function lets you perform calculations when specifying CSS property values. It can be used anywhere a <length>, <frequency>, <angle>, <time>, <percentag..

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

box-sizingThe box-sizing CSS property sets how the total width and height of an element is calculated. By default in the CSS box model, the width and height you assign to an element is applied only to..

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

box-shadowThe box-shadow CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the elem..

12:22 am, February 22, 2022
CSS
box-decoration-break

box-decoration-breakThe box-decoration-break CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages. The specified value will impact ..

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

border-widthThe border-width shorthand CSS property sets the width of an element's border.Constituent propertiesThis property is a shorthand for the following CSS properties: border-bottom-width ..

12:22 am, February 22, 2022
CSS
border-top-style

border-top-styleThe border-top-style CSS property sets the line style of an element's top border. Note: The specification doesn't define how borders of different styles connect in the corners. Synt..

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

border-styleThe border-style shorthand CSS property sets the line style for all four sides of an element's border.Constituent propertiesThis property is a shorthand for the following CSS properties: ..

12:22 am, February 22, 2022
CSS
border-start-start-radius

border-start-start-radiusThe border-start-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, di..

12:22 am, February 22, 2022
CSS
border-start-end-radius

border-start-end-radiusThe border-start-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction..

12:22 am, February 22, 2022
CSS
border-spacing

border-spacingThe border-spacing CSS property sets the distance between the borders of adjacent <table> cells. This property applies only when border-collapse is separate. The border-spacing val..

12:22 am, February 22, 2022
CSS
border-right-style

border-right-styleThe border-right-style CSS property sets the line style of an element's right border. Note: The specification doesn't define how borders of different styles connect in the corners..

12:22 am, February 22, 2022
CSS
border-radius

border-radiusThe border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners. The rad..

12:22 am, February 22, 2022
CSS
border-left-style

border-left-styleThe border-left-style CSS property sets the line style of an element's left border. Note: The specification doesn't define how borders of different styles connect in the corners. S..

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

border-image-widthThe border-image-width CSS property sets the width of an element's border image. If this property's value is greater than the element's border-width, the border image will extend bey..

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

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

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

border-imageThe border-image CSS property draws an image around a given element. It replaces the element's regular border. Note: You should specify a separate border-style in case the border image ..

12:22 am, February 22, 2022
CSS
border-end-start-radius

border-end-start-radiusThe border-end-start-radius CSS property defines a logical border radius on an element, which maps to a physical border radius depending on the element's writing-mode, direction..

12:22 am, February 22, 2022
CSS
border-end-end-radius

border-end-end-radiusThe border-end-end-radius CSS property defines a logical border radius on an element, which maps to a physical border radius that depends on the element's writing-mode, direction,..

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

border-colorThe border-color shorthand CSS property sets the color of an element's border. Each side can be set individually using border-top-color, border-right-color, border-bottom-color, and border..

12:22 am, February 22, 2022
CSS
border-bottom-style

border-bottom-styleThe border-bottom-style CSS property sets the line style of an element's bottom border. Note: The specification doesn't define how borders of different styles connect in the corn..

12:22 am, February 22, 2022
CSS
border

borderThe border shorthand CSS property sets an element's border. It sets the values of border-width, border-style, and border-color.Constituent propertiesThis property is a shorthand for the followin..

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

::before (:before)In CSS, ::before creates a pseudo-element that is the first child of the selected element. It is often used to add cosmetic content to an element with the content property. It is inl..

12:22 am, February 22, 2022
CSS
background-size

background-size The background-size CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space. ..

12:22 am, February 22, 2022
CSS
background-repeat

background-repeatThe background-repeat CSS property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all. By defau..

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

background-originThe background-origin CSS property sets the background's origin: from the border start, inside the border, or inside the padding. Note that background-origin is ignored when backgroun..

12:22 am, February 22, 2022
CSS
background-clip

background-clipThe background-clip CSS property sets whether an element's background extends underneath its border box, padding box, or content box. If the element has no background-image or backgroun..

12:22 am, February 22, 2022
CSS
background

backgroundThe background shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method.Constituent propertiesThis property is a shorthand..

12:22 am, February 22, 2022
CSS
backface-visibility

backface-visibilityThe backface-visibility CSS property sets whether the back face of an element is visible when turned towards the user. An element's back face is a mirror image of its front face. Th..

12:22 am, February 22, 2022
CSS
backdrop-filter

backdrop-filterThe backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, ..

12:22 am, February 22, 2022
CSS
appearance

appearance (-moz-appearance, -webkit-appearance)The appearance CSS property is used to display an element using platform-native styling, based on the operating system's theme. The -moz-appearance and ..

12:22 am, February 22, 2022
CSS
all

allThe all shorthand CSS property resets all of an element's properties except unicode-bidi, direction, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the..

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

::after (:after)In CSS, ::after creates a pseudo-element that is the last child of the selected element. It is often used to add cosmetic content to an element with the content property. It is inline ..

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
A person who never made a mistake never tried anything new.
Albert Einstein
Random CSS Property

font-variant

The font-variant CSS shorthand property allows you to set all the font variants for the fonts specified in the @font-face rule.
font-variant (@font-face) css reference