Search
Search 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..
<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..
<transform-function>
<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..
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..
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..
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..
shape-outside
shape-outsideThe shape-outside CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps around its margin box; s..
shape-image-threshold
shape-image-thresholdThe shape-image-threshold CSS property sets the alpha channel threshold used to extract the shape using an image as the value for shape-outside. Any pixels whose alpha component's..
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..
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 ..
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..
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/* ..
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..
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..
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 ..
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..
opacity
opacityThe opacity CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.Syntaxopacity: 0.9 opacity: 90% ..
offset-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..
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..
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..
mask-image
mask-image The mask-image CSS property sets the image that is used as mask layer for an element. By default this means the alpha channel of the mask image will be multiplied with the alpha channel..
mask-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..
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 ..
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..
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..
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..
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..
image()
<image>The <image> CSS data type represents a two-dimensional image.SyntaxThe <image> data type can be represented with any of the following: An image denoted by the url() data ty..
<image>
<image>The <image> CSS data type represents a two-dimensional image.SyntaxThe <image> data type can be represented with any of the following: An image denoted by the url() data ty..
<gradient>
<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; ..
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..
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..
cross-fade()
cross-fade() The cross-fade() CSS function can be used to blend two or more images at a defined transparency. It can be used for many simple image manipulations, such as tinting an image with a so..
content
contentThe content CSS property replaces an element with a generated value. Objects inserted using the content property are anonymous replaced elements. /* Keywords that cannot be combined with other ..
conic-gradient()
conic-gradient()The conic-gradient() CSS function creates an image consisting of a gradient with color transitions rotated around a center point (rather than radiating from the center). Example conic ..
color-adjust
print-color-adjust The print-color-adjust CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allo..
circle()
<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..
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 ..
border-image-source
border-image-sourceThe border-image-source CSS property sets the source image used to create an element's border image. The border-image-slice property is used to divide the source image into regions,..
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 ..
<blend-mode>
<blend-mode>The <blend-mode> CSS data type describes how colors should appear when elements overlap. It is used in the background-blend-mode and mix-blend-mode properties.SyntaxThe <ble..
<basic-shape>
<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..
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. ..
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..
background-image
background-imageThe background-image CSS property sets one or more background images on an element. The background images are drawn on stacking context layers on top of each other. The first layer spe..
background-clip
background-clipThe background-clip CSS property sets whether an element's background extends underneath its border box, padding box, or content box. If the element has no background-image or backgroun..
background
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..
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, ..
animation
animationThe animation shorthand CSS property applies an animation between styles. It is a shorthand for animation-name, animation-duration, animation-timing-function, animation-delay, animation-itera..
additive-symbols (@counter-style)
additive-symbolsThe additive-symbols descriptor lets you specify symbols when the value of a counter system descriptor is additive. The additive-symbols descriptor defines additive tuples, each of whi..
Random Quote
Me
