List 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..
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 ..
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..
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..
scroll-snap-stop
scroll-snap-stopThe scroll-snap-stop CSS property defines whether the scroll container is allowed to "pass over" possible snap positions. /* Keyword values */ scroll-snap-stop: normal; scroll-snap-sto..
scroll-snap-type
scroll-snap-typeThe scroll-snap-type CSS property sets how strictly snap points are enforced on the scroll container in case there is one. Specifying any precise animations or physics used to enforce ..
@scroll-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..
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..
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..
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..
::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..
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 ..
<shape>
<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 ..
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..
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 ..
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..
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..
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..
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..
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..
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..
::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..
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..
::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..
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..
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..
<string>
<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 ..
@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 ..
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. /..
@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 ..
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. /..
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..
@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..
@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 ..
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. /..
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..
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..
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..
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..
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..
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...
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..
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..
: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..
::target-text
::target-textExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The ::target-text CSS pseudo-element represents the text t..
:target-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..
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..
text-align-last
text-align-lastThe text-align-last CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.Syntax/* Keyword values */ text-align-last: auto; text-align-l..
text-combine-upright
text-combine-uprightThe text-combine-upright CSS property sets the combination of characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the c..
text-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..
