Support matrix
Status values: Yes (mapped, covered by a test), Approx (mapped with a documented approximation and an info diagnostic), Ignored (accepted, no effect, info diagnostic), No (rejected with a warning). Anything not listed produces CSS007 or TW001.
Elements
| Element | Status | UMG |
|---|---|---|
div section main header footer nav aside article form fieldset figure ul ol li p h1-h6 dl dt dd details summary dialog blockquote pre table tr td th | Yes | Container (Vertical/Horizontal/Wrap/Grid/Scroll Box, Canvas, Overlay) or Text Block when text-only |
span a b strong i em u s small code kbd sub sup mark abbr cite q time label | Yes | Inline text run (flattened) or container when styled as a box |
br | Yes | Line break in text |
button, role="button", input[type=button/submit] | Yes | Button with label or content |
img | Yes | Image (texture imported), object-cover/contain via Scale Box |
progress | Yes | Progress Bar |
input[type=checkbox/radio] | Yes | Check Box |
input[type=range] | Yes | Slider |
input (text, password, email, number, search, ...) | Yes | Editable Text Box |
textarea | Yes | Multi-Line Editable Text Box |
select / option | Yes | Combo Box (String) |
hr | Yes | 1px Border line |
svg | No (MAP014) | Placeholder Image |
video canvas iframe object embed audio | Approx (MAP001) | Container |
script | Ignored (HTML010) | |
link rel=stylesheet | No (HTML011) | |
head title meta style template noscript | Consumed / skipped |
Attributes
id, class, style, hidden, disabled, checked, selected, readonly, placeholder, value, min, max, src, width/height on media, role, data-bind, data-event, data-widget, data-loc, data-value, data-checked.
CSS properties
| Property | Status | Notes |
|---|---|---|
display block / inline / inline-block / flex / inline-flex / grid / none | Yes | contents, table* treated as block/inline-block |
position static / relative / absolute / fixed / sticky | Yes | absolute and fixed anchor to nearest container |
top right bottom left inset | Yes | px and percent |
z-index | Yes | Canvas ZOrder |
width height min-width min-height max-width max-height | Yes | px via Size Box; percent via fill weight (MAP004) or anchors |
padding* | Yes | Border padding / Button padding |
margin* | Yes | Slot padding; auto centres blocks |
overflow overflow-x overflow-y | Yes | hidden clips; scroll/auto becomes Scroll Box |
aspect-ratio | Ignored (MAP013) | |
flex-direction flex-wrap justify-content align-items align-self flex-grow flex-shrink flex-basis flex flex-flow order | Yes | space-* via Spacers |
row-gap column-gap gap | Yes | |
grid-template-columns grid-template-rows (repeat(N, ...) or N tracks) | Yes | equal columns |
grid-column grid-row (span N, a / b) | Yes | |
align-content justify-items justify-self place-* | Ignored | |
background-color background | Yes | |
background-image: url() | Yes | texture imported |
gradients (linear-gradient, radial-gradient, Tailwind bg-gradient-to-*, bg-linear-*, bg-radial, from via to, from-N% to-N%) | Yes | Image with the plugin's gradient material, matched against Chrome to 1/255: up to three stops with positions, premultiplied sRGB interpolation, angles and corner keywords (CSS corner rule), circle/ellipse with closest/farthest side/corner, rounded corners kept, covers the padding box. More stops: MAP005. Angles/circles need a resolvable px box size: MAP017 |
opacity | Yes | RenderOpacity |
border* (width, style, color, per side) | Yes | uniform width, max of sides |
border-radius (per corner) | Yes | rounded box brush |
box-shadow | Ignored (MAP006) | |
backdrop-filter: blur() | Yes | native Background Blur widget with the same radius |
visibility | Yes | Hidden |
object-fit | Yes | Scale Box |
color | Yes | |
font-size (px, rem, em, %, keywords) | Yes | x0.75 to Slate size |
font-weight | Yes | typeface Bold at 600+, Light at 300- |
font-style | Yes | Italic typeface |
font-family | Recorded | one font asset, see --font |
line-height | Yes | LineHeightPercentage |
letter-spacing | Yes | 1/1000 em |
text-align | Yes | |
text-transform uppercase / lowercase | Yes | capitalize ignored |
text-decoration underline / line-through | Recorded | strike supported by UMG, underline not |
white-space | Yes | nowrap disables wrapping |
text-overflow | Yes | ellipsis |
transition* animation* cursor user-select pointer-events transform filter backdrop-filter outline box-sizing | Ignored (CSS009) | |
custom properties --x, var() | Yes | with fallbacks |
Selectors
Element, .class, #id, [attr], [attr=value], *, :root, descendant, child >, :hover :focus :active :disabled :focus-visible :focus-within :checked, selector lists. Not supported: +, ~, ::pseudo-elements, :not(), :nth-*, :first-child, nesting, attribute substring matchers.
At-rules
@layer, @supports, @scope (bodies parsed), @media screen/all (parsed), other @media (ignored, CSS002), @theme (tokens), @import (ignored), @keyframes, @font-face (ignored).
Tailwind utilities
Display, flex, grid, gap, space-x/y, padding, margin, sizing (w h size min max, fractions, full screen auto px, arbitrary), position (inset top right bottom left, z), overflow, visibility, aspect, grid-cols grid-rows col-span col-start col-end row-*, background colours with /opacity and arbitrary, bg-gradient-to-* bg-linear-* bg-radial from via to with from-N% via-N% to-N% (native gradient material), opacity, rounded* (all corners and sides, all sizes, arbitrary), border* (widths, sides, colours, styles), shadow* (recorded, ignored on brushes), text-{size} with /{leading}, text-{color}, text-{align}, font-{weight}, font-sans/serif/mono, italic, underline line-through no-underline, uppercase lowercase capitalize normal-case, truncate text-ellipsis text-clip text-nowrap, tracking-*, leading-*, whitespace-*, object-*. Variants: sm md lg xl 2xl against --viewport, hover focus active disabled group-hover, dark with --dark, ! important, - negative. Everything behavioural (transition cursor ring outline animate transform scale rotate translate blur backdrop-* select-* pointer-events-* ...) is accepted and ignored (TW003). Unknown classes are reported (TW001).
Colours
#rgb #rgba #rrggbb #rrggbbaa, rgb() rgba() (comma and slash syntax), hsl() hsla(), oklch() oklab(), 148 named colours, transparent, currentColor, the full Tailwind palette (22 families x 11 shades) plus white black.