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 #
| feature | supported |
|---|---|
Shadow DOM | yes |
MutationObserver | yes |
ResizeObserver | yes |
IntersectionObserver | yes |
matchMedia | yes |
requestAnimationFrame | yes |
getComputedStyle | yes |
getBoundingClientRect | yes |
Selection / getSelection | yes |
Fullscreen API | yes |
Selectors #
| feature | supported |
|---|---|
Type / class / id | yes |
Descendant | yes |
Child | yes |
Attribute | yes |
Pseudo-class :first-child | yes |
Pseudo-class :nth-child | yes |
Pseudo-element ::before | yes |
Adjacent sibling | yes |
Selector list | yes |
Universal | yes |
At-rules #
| feature | supported |
|---|---|
@media (width) | yes |
@media (height) | yes |
@supports | yes |
Custom properties (var) | yes |
!important | yes |
Box model #
| feature | supported |
|---|---|
border-top-width | yes |
border-top-style | yes |
border-top-color | yes |
border-right-width | yes |
border-right-style | yes |
border-right-color | yes |
border-bottom-width | yes |
border-bottom-style | yes |
border-bottom-color | yes |
border-left-width | yes |
border-left-style | yes |
border-left-color | yes |
border-block-start-width | no (no effect) |
border-block-end-width | no (no effect) |
border-inline-start-width | no (no effect) |
border-inline-end-width | no (no effect) |
border-block-width | no (no effect) |
border-block-style | no (no effect) |
border-block-color | no (no effect) |
border-block | no (no effect) |
border-block-start | no (no effect) |
border-block-start-style | no (no effect) |
border-block-start-color | no (no effect) |
border-block-end | no (no effect) |
border-block-end-style | no (no effect) |
border-block-end-color | no (no effect) |
border-inline-width | no (no effect) |
border-inline-style | no (no effect) |
border-inline-color | no (no effect) |
border-inline | no (no effect) |
border-inline-start | no (no effect) |
border-inline-start-style | no (no effect) |
border-inline-start-color | no (no effect) |
border-inline-end | no (no effect) |
border-inline-end-style | no (no effect) |
border-inline-end-color | no (no effect) |
border-spacing | no (no effect) |
width | yes |
height | yes |
min-width | yes |
min-height | yes |
max-width | yes |
max-height | yes |
padding | yes |
padding-top | yes |
padding-right | yes |
padding-bottom | yes |
padding-left | yes |
margin | yes |
margin-top | yes |
margin-right | yes |
margin-bottom | yes |
margin-left | yes |
border | yes |
border-width | yes |
border-style | yes |
border-color | yes |
border-top | yes |
border-right | yes |
border-bottom | yes |
border-left | yes |
box-sizing | no (no effect) |
Display and positioning #
| feature | supported |
|---|---|
display | yes |
position | yes |
top | yes |
right | yes |
bottom | yes |
left | yes |
z-index | yes |
float | no (no effect) |
clear | no (no effect) |
overflow | yes |
overflow-x | yes |
overflow-y | yes |
visibility | yes |
Flexbox #
| feature | supported |
|---|---|
flex-direction | yes |
flex-wrap | yes |
flex-grow | yes |
flex-shrink | yes |
flex-basis | yes |
flex | yes |
justify-content | yes |
align-items | yes |
align-self | yes |
align-content | yes |
order | yes |
gap | yes |
row-gap | yes |
column-gap | yes |
Grid #
| feature | supported |
|---|---|
grid-template-columns | no (no effect) |
grid-template-rows | no (no effect) |
grid-column | no (no effect) |
grid-row | no (no effect) |
grid-auto-flow | no (no effect) |
Text and paint #
| feature | supported |
|---|---|
color | yes |
background-color | yes |
font-weight | yes |
font-style | yes |
text-decoration | yes |
text-decoration-line | yes |
text-decoration-style | no (no effect) |
text-transform | yes |
text-align | yes |
text-indent | yes |
white-space | yes |
word-break | no (no effect) |
overflow-wrap | no (no effect) |
line-height | no (no effect) |
direction | yes |
opacity | no (no effect) |
font-family | no (no effect) |
font-size | no (no effect) |
letter-spacing | no (no effect) |
word-spacing | no (no effect) |
Lists, tables, counters #
| feature | supported |
|---|---|
list-style-type | yes |
list-style-position | yes |
list-style | yes |
border-collapse | yes |
table-layout | no (no effect) |
vertical-align | no (no effect) |
content | yes |
counter-reset | no (no effect) |
counter-increment | no (no effect) |
Graphical effects #
| feature | supported |
|---|---|
transform | no (no effect) |
transition | no (no effect) |
animation | no (no effect) |
box-shadow | no (no effect) |
filter | no (no effect) |
aspect-ratio | no (no effect) |
cursor | no (no effect) |
Logical properties #
| feature | supported |
|---|---|
margin-block-start | no (no effect) |
padding-block-start | no (no effect) |
inset-block-start | no (no effect) |
margin-block-end | no (no effect) |
padding-block-end | no (no effect) |
inset-block-end | no (no effect) |
margin-inline-start | no (no effect) |
padding-inline-start | no (no effect) |
inset-inline-start | no (no effect) |
margin-inline-end | no (no effect) |
padding-inline-end | no (no effect) |
inset-inline-end | no (no effect) |
margin-block | no (no effect) |
padding-block | no (no effect) |
inset-block | no (no effect) |
margin-inline | no (no effect) |
padding-inline | no (no effect) |
inset-inline | no (no effect) |
inset | yes |
inline-size | no (no effect) |
block-size | no (no effect) |
min-inline-size | no (no effect) |
max-inline-size | no (no effect) |
min-block-size | no (no effect) |
max-block-size | no (no effect) |
flex-flow | no (no effect) |
place-content | no (no effect) |
place-items | no (no effect) |
place-self | no (no effect) |
justify-items | no (no effect) |
justify-self | no (no effect) |
caption-side | no (no effect) |
empty-cells | no (no effect) |
text-align-last | no (no effect) |
text-decoration-color | no (no effect) |
text-overflow | no (no effect) |
text-wrap | no (no effect) |
text-wrap-mode | no (no effect) |
white-space-collapse | no (no effect) |
word-wrap | no (no effect) |
line-clamp | no (no effect) |
counter-set | no (no effect) |
font | no (no effect) |
list-style-image | no (no effect) |
grid | no (no effect) |
grid-area | no (no effect) |
grid-auto-columns | no (no effect) |
grid-auto-rows | no (no effect) |
grid-column-end | no (no effect) |
grid-column-start | no (no effect) |
grid-row-end | no (no effect) |
grid-row-start | no (no effect) |
grid-template | no (no effect) |
grid-template-areas | no (no effect) |
overflow-block | no (no effect) |
overflow-inline | no (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