Sponsor of the Day:
Jerkmate
https://css-tricks.com/almanac/rules/p/property/
@property | CSS-Tricks
Oct 10, 2025 - The CSS @property at-rule lets you register a custom property. It can be used as an everyday CSS variable inside a var() function or style queries, the
property csstricks
https://css-tricks.com/almanac/properties/t/transition/transition-property/
transition-property | CSS-Tricks
Jan 27, 2025 - The transition-property property, normally used as part of transition shorthand, is used to define what property, or properties, you want to apply a
property csstransitiontricks
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Positioned_layout/Stacking_without_z-index
Stacking without the z-index property - CSS | MDN
When the z-index property is not specified on any element, elements are stacked in the following order (from bottom to top):
z indexproperty cssstackingwithoutmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@property
@property CSS at-rule - CSS | MDN
The @property CSS at-rule is used to explicitly define CSS custom properties, allowing for property type checking and constraining, setting default values, and...
property cssrule mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/alignment-baseline
alignment-baseline CSS property - CSS | MDN
The alignment-baseline CSS property specifies the specific baseline used to align the box's text and inline-level contents. Baseline alignment is the...
css property mdnalignmentbaseline
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/mask-position
mask-position CSS property - CSS | MDN
The mask-position CSS property sets the initial position, relative to the mask position layer set by mask-origin, for each defined mask image.
position css propertymaskmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-bottom-color
border-bottom-color CSS property - CSS | MDN
The border-bottom-color CSS property sets the color of an element's bottom border. It can also be set with the shorthand CSS properties border-color or...
color css propertyborder bottommdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/scroll-margin-block-start
scroll-margin-block-start CSS property - CSS | MDN
The 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...
margin block startcss property mdnscroll
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/padding
padding CSS property - CSS | MDN
The padding CSS shorthand property sets the padding area on all four sides of an element at once.
css property mdnpadding
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-right-style
border-right-style CSS property - CSS | MDN
The border-right-style CSS property sets the line style of an element's right border.
border right stylecss property mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/margin-block
margin-block CSS property - CSS | MDN
The margin-block CSS shorthand property defines the logical block start and end margins of an element, which maps to physical margins depending on the...
margin block cssproperty mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/clip-rule
clip-rule CSS property - CSS | MDN
The clip-rule CSS property determines, when parts of the path overlap other parts, which pixels in a mask's box are inside the clipping shape defined by a clip...
rule css propertyclipmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/vector-effect
vector-effect CSS property - CSS | MDN
The vector-effect CSS property suppresses specific transformation effects in SVG, thus permitting effects like a road on a map staying the same width no matter...
css property mdnvectoreffect
https://caniwebview.com/features/mdn-css-property-animationplaystate/
Can I WebView… CSS property: animation-play-state
CSS property: animation-play-state
css property animationplay state
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-decoration-skip-ink
text-decoration-skip-ink CSS property - CSS | MDN
The text-decoration-skip-ink CSS property specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders.
text decoration skipcss property mdnink
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/pointer-events
pointer-events CSS property - CSS | MDN
The pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.
css property mdnpointer events
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/bottom
bottom CSS property - CSS | MDN
The bottom CSS property participates in setting the vertical position of a positioned element. This inset property has no effect on non-positioned elements.
bottom css propertymdn
https://web.dev/articles/at-property
@property: giving superpowers to CSS variables | Articles | web.dev
Jul 21, 2020 - Learn how to implement CSS custom properties with semantic typing, a fallback value, and more, directly in your CSS file.
articles web devcss variablespropertygivingsuperpowers
https://www.caniemail.com/features/css-color-scheme/
Can I email… color-scheme CSS property
Supported in Apple Mail. Not supported in Gmail, Outlook, Yahoo! Mail.
color scheme cssproperty
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/corner-end-start-shape
corner-end-start-shape CSS property - CSS | MDN
The corner-end-start-shape CSS property specifies the shape of a box's block-end and inline-start corner, within its border-radius area.
start shape cssproperty mdncornerend
https://caniwebview.com/features/mdn-css-property-borderinlinewidth/
Can I WebView… CSS property: border-inline-width
CSS property: border-inline-width
css property borderinlinewidth
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-inline-start
border-inline-start CSS property - CSS | MDN
The border-inline-start CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the...
border inline startcss property mdn
https://caniwebview.com/features/mdn-css-property-filter/
Can I WebView… CSS property: filter
CSS property: filter
css propertyfilter
https://www.w3schools.com:443/cssref/css3_pr_text-align-last.php
CSS text-align-last property
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, Python, Bootstrap, Java and...
text align lastcssproperty
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-left-width
border-left-width CSS property - CSS | MDN
The border-left-width CSS property sets the width of the left border of an element.
width css propertyborder leftmdn
https://caniwebview.com/features/mdn-css-property-anchorscope/
Can I WebView… CSS property: anchor-scope
CSS property: anchor-scope
css propertyanchor scope
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/scroll-margin-block
scroll-margin-block CSS property - CSS | MDN
The scroll-margin-block shorthand property sets the scroll margins of an element in the block dimension.
margin block cssproperty mdnscroll
https://caniwebview.com/features/mdn-css-property-scrollmarginleft/
Can I WebView… CSS property: scroll-margin-left
CSS property: scroll-margin-left
css property scrollmargin left
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/flex-direction
flex-direction CSS property - CSS | MDN
The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
css property mdnflex direction
https://www.smashingmagazine.com/2026/03/beyond-border-radius-css-corner-shape-property-ui/
Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI — Smashing Magazine
For years, developers have been hacking around the limitations of `border-radius`, using clip-path, SVG masks, and fragile workarounds just to get anything...
css corner shapebeyond bordersmashing magazineradiusproperty
https://caniuse.com/mdn-css_at-rules_property
CSS at-rule: `@property` | Can I use... Support tables for HTML5, CSS3, etc
use support tableshtml5 css3 etcruleproperty
https://caniwebview.com/features/mdn-css-property-gridrowend/
Can I WebView… CSS property: grid-row-end
CSS property: grid-row-end
css property gridrow end
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font-variant-emoji
font-variant-emoji CSS property - CSS | MDN
The font-variant-emoji CSS property specifies the default presentation style for displaying emojis.
css property mdnfont variantemoji
https://caniwebview.com/features/mdn-css-property-rubyoverhang/
Can I WebView… CSS property: ruby-overhang
CSS property: ruby-overhang
css propertyruby overhang
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/-webkit-tap-highlight-color
-webkit-tap-highlight-color CSS property - CSS | MDN
-webkit-tap-highlight-color is a non-standard CSS property that sets the color of the highlight that appears over a link while it's being tapped. The...
color css propertywebkittaphighlightmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/justify-self
justify-self CSS property - CSS | MDN
The CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis.
self css propertyjustifymdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/print-color-adjust
print-color-adjust CSS property - CSS | MDN
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,...
print color adjustcss property mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/order
order CSS property - CSS | MDN
The 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...
order css propertymdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/margin-inline-end
margin-inline-end CSS property - CSS | MDN
The 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...
margin inline endcss property mdn
https://caniwebview.com/features/mdn-css-property-transitionduration/
Can I WebView… CSS property: transition-duration
CSS property: transition-duration
css property transitionduration
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/empty-cells
empty-cells CSS property - CSS | MDN
css property mdnempty cells
https://caniwebview.com/features/mdn-css-property-alignself/
Can I WebView… CSS property: align-self
CSS property: align-self
css property alignself
https://caniwebview.com/features/mdn-css-property-scrollmargininlinestart/
Can I WebView… CSS property: scroll-margin-inline-start
CSS property: scroll-margin-inline-start
css property scrollmargin inline start
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/grid-row
grid-row CSS property - CSS | MDN
The grid-row CSS shorthand property specifies a grid item's size and location within a grid row by contributing a line, a span, or nothing (automatic) to its...
grid row cssproperty mdn
https://caniwebview.com/features/mdn-css-property-textdecorationskipink/
Can I WebView… CSS property: text-decoration-skip-ink
CSS property: text-decoration-skip-ink
css property textdecoration skip ink
https://caniwebview.com/features/mdn-css-property-webkitminlogicalwidth/
Can I WebView… CSS property: -webkit-min-logical-width
CSS property: -webkit-min-logical-width
css property webkitminlogicalwidth
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/margin-inline-start
margin-inline-start CSS property - CSS | MDN
The 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...
margin inline startcss property mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-block-color
border-block-color CSS property - CSS | MDN
The border-block-color CSS property defines the color of the logical block borders of an element, which maps to a physical border color depending on the...
color css propertyborder blockmdn
https://caniwebview.com/features/mdn-css-property-height/
Can I WebView… CSS property: height
CSS property: height
css propertyheight
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position-try
position-try CSS property - CSS | MDN
The position-try CSS property is a shorthand that corresponds to the position-try-order and position-try-fallbacks properties.
css property mdnposition try
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-top-left-radius
border-top-left-radius CSS property - CSS | MDN
The border-top-left-radius CSS property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes)...
left radius cssborder topproperty mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/background-origin
background-origin CSS property - CSS | MDN
The background-origin CSS property sets the background's origin: from the border start, inside the border, or inside the padding.
background origin cssproperty mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/ruby-overhang
ruby-overhang CSS property - CSS | MDN
css property mdnruby overhang
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-block-start-width
border-block-start-width CSS property - CSS | MDN
The border-block-start-width CSS property defines the width of the logical block-start border of an element, which maps to a physical border width depending on...
border block startwidth css propertymdn
https://caniwebview.com/features/mdn-css-property-interestdelayend/
Can I WebView… CSS property: interest-delay-end
CSS property: interest-delay-end
css propertyinterest delayend
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/align-self
align-self CSS property - CSS | MDN
The align-self CSS property overrides a grid or flex item's align-items value. In grid, it aligns the item inside the grid area. In flexbox, it aligns the item...
self css propertyalignmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-orientation
text-orientation CSS property - CSS | MDN
The 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...
css property mdntext orientation
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/counter-set
counter-set CSS property - CSS | MDN
The counter-set CSS property sets CSS counters on the element to the given values.
css property mdncounter set
https://caniwebview.com/features/mdn-css-property-timelinetriggeractiverange/
Can I WebView… CSS property: timeline-trigger-active-range
CSS property: timeline-trigger-active-range
css property timelinetriggeractiverange
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-block-start
border-block-start CSS property - CSS | MDN
The border-block-start CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the...
border block startcss property mdn
https://caniwebview.com/features/mdn-css-property-lineclamp/
Can I WebView… CSS property: line-clamp
CSS property: line-clamp
css propertyline clamp
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-bottom-left-radius
border-bottom-left-radius CSS property - CSS | MDN
The border-bottom-left-radius CSS property rounds the bottom-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor...
border bottom leftradius css propertymdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-emphasis-style
text-emphasis-style CSS property - CSS | MDN
The text-emphasis-style CSS property sets the appearance of emphasis marks. It can also be set, and reset, using the text-emphasis shorthand.
text emphasis stylecss property mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/scroll-snap-align
scroll-snap-align CSS property - CSS | MDN
The 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 snap...
scroll snap aligncss property mdn
https://caniuse.com/mdn-css_properties_paint-order
CSS property: paint-order | Can I use... Support tables for HTML5, CSS3, etc
use support tableshtml5 css3 etcpaint orderproperty
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font-synthesis
font-synthesis CSS property - CSS | MDN
The font-synthesis shorthand CSS property lets you specify whether or not the browser may synthesize the bold, italic, small-caps, and/or subscript and...
css property mdnfont synthesis
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/scrollbar-width
scrollbar-width CSS property - CSS | MDN
The scrollbar-width property allows the author to set the desired thickness of an element's scrollbars when they are shown.
width css propertyscrollbarmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/stroke-dasharray
stroke-dasharray CSS property - CSS | MDN
The stroke-dasharray CSS property defines a pattern of dashes and gaps used in the painting of the SVG shape's stroke. If present, it overrides the element's...
css property mdnstroke
https://caniwebview.com/features/mdn-css-property-viewtimelineaxis/
Can I WebView… CSS property: view-timeline-axis
CSS property: view-timeline-axis
css propertyview timelineaxis
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/-webkit-box-reflect
-webkit-box-reflect CSS property - CSS | MDN
The -webkit-box-reflect CSS property lets you reflect the content of an element in one specific direction.
css property mdnwebkitboxreflect
https://caniwebview.com/features/mdn-css-property-gridtemplatecolumns/
Can I WebView… CSS property: grid-template-columns
CSS property: grid-template-columns
css property gridtemplate columns
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position-area
position-area CSS property - CSS | MDN
The position-area CSS property enables an anchor-positioned element to be positioned relative to the edges of its associated anchor element by placing the...
position area cssproperty mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-inline-end-color
border-inline-end-color CSS property - CSS | MDN
The border-inline-end-color CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on...
border inline endcolor css propertymdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/reading-order
reading-order CSS property - CSS | MDN
The reading-order CSS property enables changing the order in which a child of a reading flow container is read relative to its element siblings.
order css propertyreadingmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/background-position-x
background-position-x CSS property - CSS | MDN
The background-position-x CSS property sets the initial horizontal position for each background image. The position is relative to the position layer set by...
x css propertybackground positionmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-image-source
border-image-source CSS property - CSS | MDN
The border-image-source CSS property sets the source image used to create an element's border image.
css property mdnborder imagesource
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/offset-rotate
offset-rotate CSS property - CSS | MDN
The offset-rotate CSS property defines the orientation/direction of the element as it is positioned along the offset-path.
css property mdnoffset rotate
https://caniwebview.com/features/mdn-css-property-all/
Can I WebView… CSS property: all
css property
https://caniwebview.com/features/mdn-css-property-webkituserdrag/
Can I WebView… CSS property: -webkit-user-drag
CSS property: -webkit-user-drag
css property webkituserdrag
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font-palette
font-palette CSS property - CSS | MDN
The font-palette CSS property allows specifying one of the many palettes contained in a color font that a user agent may use for the font. Users can also...
css property mdnfont palette
https://caniwebview.com/features/mdn-css-property-offsetrotate/
Can I WebView… CSS property: offset-rotate
CSS property: offset-rotate
css propertyoffset rotate
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/appearance
appearance CSS property - CSS | MDN
The appearance CSS property specifies the rendered appearance of replaced UI widget elements such as form controls. Most commonly, such elements are given...
css property mdnappearance
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/place-items
place-items CSS property - CSS | MDN
The CSS place-items shorthand property aligns items along both the block and inline directions at once. It sets the values of the align-items and justify-items...
css property mdnplace items
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-end-start-radius
border-end-start-radius CSS property - CSS | MDN
The 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...
start radius cssproperty mdnborderend
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/overflow
overflow CSS property - CSS | MDN
The overflow CSS shorthand property sets the desired behavior when content does not fit in the element's padding box (overflows) in the horizontal and/or...
css property mdnoverflow
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/padding-bottom
padding-bottom CSS property - CSS | MDN
The padding-bottom CSS property sets the height of the padding area on the bottom of an element.
padding bottom cssproperty mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-decoration-style
text-decoration-style CSS property - CSS | MDN
The 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 stylecss property mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/grid-template-columns
grid-template-columns CSS property - CSS | MDN
The grid-template-columns CSS property defines the line names and track sizing functions of the grid columns.
grid template columnscss property mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/all
all CSS property - CSS | MDN
The 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...
css property mdn
https://verpex.com/blog/css-tricks-to-master-the-clip-path-property
CSS Tricks To Master The clip-path Property
Learn how to easily create CSS shapes using the clip-path property
clip path propertycss tricksmaster
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/scroll-marker-group
scroll-marker-group CSS property - CSS | MDN
The scroll-marker-group CSS property controls whether a scroll container element has a ::scroll-marker-group pseudo-element generated. If present, the property...
scroll marker groupcss property mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/list-style-type
list-style-type CSS property - CSS | MDN
The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.
list style typecss property mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/place-content
place-content CSS property - CSS | MDN
The 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...
content css propertyplacemdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/list-style-position
list-style-position CSS property - CSS | MDN
The list-style-position CSS property sets the position of the ::marker relative to a list item.
list style positioncss property mdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/tab-size
tab-size CSS property - CSS | MDN
The tab-size CSS property is used to customize the width of tab characters (U+0009).
size css propertytabmdn
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/scroll-snap-type
scroll-snap-type CSS property - CSS | MDN
The scroll-snap-type CSS property is set on a scroll container, opting it into scroll snapping by setting the direction and strictness of snap point...
type css propertyscroll snapmdn
https://www.w3schools.com:443/css/css_z-index.asp
CSS The z-index Property
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML...
z indexcssproperty
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/scroll-margin
scroll-margin CSS property - CSS | MDN
The 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...
margin css propertyscrollmdn
https://caniwebview.com/features/mdn-css-property-outlineoffset/
Can I WebView… CSS property: outline-offset
CSS property: outline-offset
css propertyoutline offset
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-image-repeat
border-image-repeat CSS property - CSS | MDN
The border-image-repeat CSS property defines how the images for the sides and the middle part of the border image are scaled and tiled. The middle region can...
css property mdnborder imagerepeat