Compatibility

What TermDOM supports: DOM APIs, selectors, at-rules, and CSS properties. Every row is a probe -- the feature applied to a real document and rendered, with the row recording whether the output changed.

103 features supported, 108 probed and unsupported, 301 CSS properties not yet probed.

DOM APIs #

featuresupported
Shadow DOMyes
MutationObserveryes
ResizeObserveryes
IntersectionObserveryes
matchMediayes
requestAnimationFrameyes
getComputedStyleyes
getBoundingClientRectyes
Selection / getSelectionyes
Fullscreen APIyes

Selectors #

featuresupported
Type / class / idyes
Descendantyes
Childyes
Attributeyes
Pseudo-class :first-childyes
Pseudo-class :nth-childyes
Pseudo-element ::beforeyes
Adjacent siblingyes
Selector listyes
Universalyes

At-rules #

featuresupported
@media (width)yes
@media (height)yes
@supportsyes
Custom properties (var)yes
!importantyes

Box model #

featuresupported
border-top-widthyes
border-top-styleyes
border-top-coloryes
border-right-widthyes
border-right-styleyes
border-right-coloryes
border-bottom-widthyes
border-bottom-styleyes
border-bottom-coloryes
border-left-widthyes
border-left-styleyes
border-left-coloryes
border-block-start-widthno (no effect)
border-block-end-widthno (no effect)
border-inline-start-widthno (no effect)
border-inline-end-widthno (no effect)
border-block-widthno (no effect)
border-block-styleno (no effect)
border-block-colorno (no effect)
border-blockno (no effect)
border-block-startno (no effect)
border-block-start-styleno (no effect)
border-block-start-colorno (no effect)
border-block-endno (no effect)
border-block-end-styleno (no effect)
border-block-end-colorno (no effect)
border-inline-widthno (no effect)
border-inline-styleno (no effect)
border-inline-colorno (no effect)
border-inlineno (no effect)
border-inline-startno (no effect)
border-inline-start-styleno (no effect)
border-inline-start-colorno (no effect)
border-inline-endno (no effect)
border-inline-end-styleno (no effect)
border-inline-end-colorno (no effect)
border-spacingno (no effect)
widthyes
heightyes
min-widthyes
min-heightyes
max-widthyes
max-heightyes
paddingyes
padding-topyes
padding-rightyes
padding-bottomyes
padding-leftyes
marginyes
margin-topyes
margin-rightyes
margin-bottomyes
margin-leftyes
borderyes
border-widthyes
border-styleyes
border-coloryes
border-topyes
border-rightyes
border-bottomyes
border-leftyes
box-sizingno (no effect)

Display and positioning #

featuresupported
displayyes
positionyes
topyes
rightyes
bottomyes
leftyes
z-indexyes
floatno (no effect)
clearno (no effect)
overflowyes
overflow-xyes
overflow-yyes
visibilityyes

Flexbox #

featuresupported
flex-directionyes
flex-wrapyes
flex-growyes
flex-shrinkyes
flex-basisyes
flexyes
justify-contentyes
align-itemsyes
align-selfyes
align-contentyes
orderyes
gapyes
row-gapyes
column-gapyes

Grid #

featuresupported
grid-template-columnsno (no effect)
grid-template-rowsno (no effect)
grid-columnno (no effect)
grid-rowno (no effect)
grid-auto-flowno (no effect)

Text and paint #

featuresupported
coloryes
background-coloryes
font-weightyes
font-styleyes
text-decorationyes
text-decoration-lineyes
text-decoration-styleno (no effect)
text-transformyes
text-alignyes
text-indentyes
white-spaceyes
word-breakno (no effect)
overflow-wrapno (no effect)
line-heightno (no effect)
directionyes
opacityno (no effect)
font-familyno (no effect)
font-sizeno (no effect)
letter-spacingno (no effect)
word-spacingno (no effect)

Lists, tables, counters #

featuresupported
list-style-typeyes
list-style-positionyes
list-styleyes
border-collapseyes
table-layoutno (no effect)
vertical-alignno (no effect)
contentyes
counter-resetno (no effect)
counter-incrementno (no effect)

Graphical effects #

featuresupported
transformno (no effect)
transitionno (no effect)
animationno (no effect)
box-shadowno (no effect)
filterno (no effect)
aspect-rationo (no effect)
cursorno (no effect)

Logical properties #

featuresupported
margin-block-startno (no effect)
padding-block-startno (no effect)
inset-block-startno (no effect)
margin-block-endno (no effect)
padding-block-endno (no effect)
inset-block-endno (no effect)
margin-inline-startno (no effect)
padding-inline-startno (no effect)
inset-inline-startno (no effect)
margin-inline-endno (no effect)
padding-inline-endno (no effect)
inset-inline-endno (no effect)
margin-blockno (no effect)
padding-blockno (no effect)
inset-blockno (no effect)
margin-inlineno (no effect)
padding-inlineno (no effect)
inset-inlineno (no effect)
insetyes
inline-sizeno (no effect)
block-sizeno (no effect)
min-inline-sizeno (no effect)
max-inline-sizeno (no effect)
min-block-sizeno (no effect)
max-block-sizeno (no effect)
flex-flowno (no effect)
place-contentno (no effect)
place-itemsno (no effect)
place-selfno (no effect)
justify-itemsno (no effect)
justify-selfno (no effect)
caption-sideno (no effect)
empty-cellsno (no effect)
text-align-lastno (no effect)
text-decoration-colorno (no effect)
text-overflowno (no effect)
text-wrapno (no effect)
text-wrap-modeno (no effect)
white-space-collapseno (no effect)
word-wrapno (no effect)
line-clampno (no effect)
counter-setno (no effect)
fontno (no effect)
list-style-imageno (no effect)
gridno (no effect)
grid-areano (no effect)
grid-auto-columnsno (no effect)
grid-auto-rowsno (no effect)
grid-column-endno (no effect)
grid-column-startno (no effect)
grid-row-endno (no effect)
grid-row-startno (no effect)
grid-templateno (no effect)
grid-template-areasno (no effect)
overflow-blockno (no effect)
overflow-inlineno (no effect)

Not yet probed #

No probe exists for these; each is either a probe nobody has written or a property that cannot apply to a character grid. Sorting out which is which is open work.

Show

accent-color, alignment-baseline, all, animation-composition, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, animation-trigger, appearance, backdrop-filter, backface-visibility, background, background-attachment, background-blend-mode, background-clip, background-image, background-origin, background-position, background-position-x, background-position-y, background-repeat, background-size, baseline-shift, baseline-source, border-bottom-left-radius, border-bottom-right-radius, border-end-end-radius, border-end-start-radius, border-image, border-image-outset, border-image-repeat, border-image-slice, border-image-source, border-image-width, border-radius, border-shape, border-start-end-radius, border-start-start-radius, border-top-left-radius, border-top-right-radius, box-decoration-break, break-after, break-before, break-inside, caret, caret-animation, caret-color, caret-shape, clip-path, clip-rule, color-interpolation-filters, color-scheme, column-count, column-fill, column-height, column-rule, column-rule-color, column-rule-style, column-rule-width, column-span, column-width, column-wrap, columns, contain, contain-intrinsic-block-size, contain-intrinsic-height, contain-intrinsic-inline-size, contain-intrinsic-size, contain-intrinsic-width, container, container-name, container-type, content-visibility, corner-block-end-shape, corner-block-start-shape, corner-bottom-left-shape, corner-bottom-right-shape, corner-bottom-shape, corner-end-end-shape, corner-end-start-shape, corner-inline-end-shape, corner-inline-start-shape, corner-left-shape, corner-right-shape, corner-shape, corner-start-end-shape, corner-start-start-shape, corner-top-left-shape, corner-top-right-shape, corner-top-shape, cx, cy, d, dominant-baseline, dynamic-range-limit, fill, fill-opacity, fill-rule, flood-color, flood-opacity, font-feature-settings, font-kerning, font-language-override, font-optical-sizing, font-palette, font-size-adjust, font-synthesis, font-synthesis-small-caps, font-synthesis-style, font-synthesis-weight, font-variant, font-variant-alternates, font-variant-caps, font-variant-east-asian, font-variant-emoji, font-variant-ligatures, font-variant-numeric, font-variant-position, font-variation-settings, forced-color-adjust, frame-sizing, hanging-punctuation, hyphenate-character, hyphenate-limit-chars, hyphens, image-orientation, image-rendering, initial-letter, interactivity, interest-delay, interest-delay-end, interest-delay-start, isolation, lighting-color, line-break, marker, marker-end, marker-mid, marker-start, mask, mask-border, mask-border-mode, mask-border-outset, mask-border-repeat, mask-border-slice, mask-border-source, mask-border-width, mask-clip, mask-composite, mask-image, mask-mode, mask-origin, mask-position, mask-repeat, mask-size, mask-type, math-depth, math-style, mix-blend-mode, object-fit, object-position, offset, offset-anchor, offset-distance, offset-path, offset-position, offset-rotate, orphans, outline, outline-color, outline-offset, outline-style, outline-width, overflow-anchor, overflow-clip-margin, overscroll-behavior, overscroll-behavior-block, overscroll-behavior-inline, overscroll-behavior-x, overscroll-behavior-y, page, paint-order, perspective, perspective-origin, pointer-events, print-color-adjust, quotes, r, reading-flow, reading-order, resize, rotate, ruby-align, ruby-overhang, ruby-position, rx, ry, scale, scroll-behavior, scroll-margin, scroll-margin-block, scroll-margin-block-end, scroll-margin-block-start, scroll-margin-bottom, scroll-margin-inline, scroll-margin-inline-end, scroll-margin-inline-start, scroll-margin-left, scroll-margin-right, scroll-margin-top, scroll-marker-group, scroll-padding, scroll-padding-block, scroll-padding-block-end, scroll-padding-block-start, scroll-padding-bottom, scroll-padding-inline, scroll-padding-inline-end, scroll-padding-inline-start, scroll-padding-left, scroll-padding-right, scroll-padding-top, scroll-snap-align, scroll-snap-stop, scroll-snap-type, scroll-target-group, scrollbar-color, scrollbar-gutter, scrollbar-width, shape-image-threshold, shape-margin, shape-outside, shape-rendering, stop-color, stop-opacity, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, tab-size, text-anchor, text-autospace, text-box, text-box-edge, text-box-trim, text-combine-upright, text-decoration-inset, text-decoration-skip-ink, text-decoration-thickness, text-emphasis, text-emphasis-color, text-emphasis-position, text-emphasis-style, text-justify, text-orientation, text-rendering, text-shadow, text-underline-offset, text-underline-position, text-wrap-style, timeline-trigger, timeline-trigger-activation-range, timeline-trigger-activation-range-end, timeline-trigger-activation-range-start, timeline-trigger-active-range, timeline-trigger-active-range-end, timeline-trigger-active-range-start, timeline-trigger-name, timeline-trigger-source, touch-action, transform-box, transform-origin, transform-style, transition-behavior, transition-delay, transition-duration, transition-property, transition-timing-function, translate, trigger-scope, unicode-bidi, user-select, vector-effect, view-transition-class, view-transition-name, view-transition-scope, widows, will-change, writing-mode, x, y, zoom