Free Browser Compatibility Testing on Chrome 49 Browser Online

ELEMENTS NOT SUPPORTED IN CHROME 49 BROWSER

text-decoration styling

Method of defining the type, style and color of lines in the text-decoration property. These can be defined as shorthand (e.g. text-decoration: line-through dashed blue) or as single properties (e.g. text-decoration-color: blue)

prefers-reduced-motion media query

CSS media query based on a user preference for preferring reduced motion (animation, etc).

CSS Containment

The CSS contain property lets developers limit the scope of the browser's styles, layout and paint work for faster and more efficient rendering.

CSS display: contents

display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques.

CSS caret-color

The caret-color property allows the color to be set of the caret (blinking text insertion pointer) in an editable text area.

CSS revert value

A CSS keyword value that resets a property's value to the default specified by the browser in its UA stylesheet, as if the webpage had not included any CSS. For example, display:revert on a

would result in display:block. This is in contrast to the initial value, which is simply defined on a per-property basis, and for display would be inline.

Variable fonts

OpenType font settings that allows a single font file to behave like multiple fonts: it can contain all the allowed variations in width, weight, slant, optical size, or any other exposed axes of variation as defined by the font designer. Variations can be applied via the font-variation-settings property.

CSS Hyphenation

Method of controlling when words at the end of lines should be hyphenated using the "hyphens" property.

CSS font-size-adjust

Method of adjusting the font size in a matter that relates to the height of lowercase vs. uppercase letters. This makes it easier to set the size of fallback fonts.

CSS overflow-anchor (Scroll Anchoring)

Changes in DOM elements above the visible region of a scrolling box can result in the page moving while the user is in the middle of consuming the content. By default, the value of overflow-anchor is auto, it can mitigate this jarring user experience by keeping track of the position of an anchor node and adjusting the scroll offset accordingly

CSS Counter Styles

The @counter-style CSS at-rule allows custom counter styles to be defined. A @counter-style rule defines how to convert a counter value into a string representation.