React Native CanIUse
A per-feature reference for which CSS works on React Native. The v6 and v7 columns show styled-components' native runtime support; the iOS and Android columns show what stock React Native handles without any styled-components polyfill. Click any row for caveats, the underlying RN style key, and links to upstream PRs in flight. Machine-readable versions are available as JSON and Markdown.
195 features
SupportedPartialPR in flightNot supported
::before / ::afterSelectors
::markerSelectors
::placeholderSelectors
::selectionSelectors
:checked / :enabled / :indeterminate / :defaultSelectors
:emptySelectors
:first-child / :last-child / :only-childSelectors
:first-of-type / :last-of-type / :only-of-typeSelectors
:focus-visibleSelectors
:focus-withinSelectors
:has() relational selectorSelectors
:is() / :where()Selectors
:lang()Selectors
:link / :visited / :any-linkSelectors
:not()Selectors
:nth-child / :nth-of-typeSelectors
:rootSelectors
:targetSelectors
@container size queriesAt-rules
@keyframesAnimation
@layer cascade layersAt-rules
@media (aspect-ratio: …)At-rules
@media (color-gamut)At-rules
@media (dynamic-range)At-rules
@media (forced-colors)At-rules
@media (hover) / (pointer) / (any-hover) / (any-pointer)At-rules
@media (min-width / max-width)At-rules
@media (orientation)At-rules
@media (prefers-color-scheme)At-rules
@media (prefers-contrast)At-rules
@media (prefers-reduced-motion)At-rules
@property (registered custom props)At-rules
@property + animatable custom propsAnimation
@scopeAt-rules
@starting-styleAt-rules
&:disabledSelectors
&:focusSelectors
&:hoverSelectors
&:pressedSelectors
#rrggbbaa / 8-digit hexColors
3D transforms (rotateX, perspective, translateZ)Properties
Absolute units (pt, pc, in, cm, mm, Q)Units
accent-colorProperties
align-contentLayout
align-itemsLayout
align-selfLayout
anchor-name / position-anchor / anchor()Layout
appearanceProperties
aspect-ratioProperties
attr() functionFunctions
Attribute selectors ([aria-pressed], [data-state="open"])Selectors
backdrop-filterProperties
backface-visibilityProperties
background (shorthand)Properties
background-attachmentProperties
background-blend-modeProperties
background-clipProperties
background-colorProperties
background-originProperties
background-positionProperties
background-repeatProperties
background-sizeProperties
border-colorProperties
border-imageProperties
border-inline / border-block (logical border longhands + shorthands)Properties
border-radiusProperties
border-styleProperties
border-widthProperties
box-shadow (incl. inset, spread)Properties
box-sizingProperties
caret-colorProperties
Classic viewport units (vh, vw, vmin, vmax)Units
color-mix()Colors
color-schemeProperties
columns / column-count / column-width / column-rule / column-span / column-fillLayout
Combinators (descendant, >, +, ~)Selectors
containProperties
Container-query units (cqw / cqh / cqmin / cqmax)Units
content / counter-reset / counter-increment / counter-setProperties
content-visibilityProperties
CSS Custom Properties (var(--…))Other
CSS NestingAt-rules
CSS SubgridLayout
CSS tables (table-layout, border-collapse, border-spacing, caption-side, empty-cells)Layout
cursorProperties
directionProperties
displayProperties
Dynamic viewport units (dvh / svh / lvh / dvw)Units
env() safe-area-insetFunctions
field-sizingProperties
filter: blur() / saturate() / drop-shadow() / …Properties
flex / flex-grow / flex-shrink / flex-basisLayout
flex-directionLayout
flex-wrapLayout
FlexboxLayout
float / clearLayout
font-familyProperties
font-feature-settingsProperties
font-sizeProperties
font-styleProperties
font-variantProperties
font-variation-settingsProperties
font-weightProperties
Form-state selectors (:invalid, :required, :read-only)Selectors
fr (grid fractional unit)Units
gap / row-gap / column-gapLayout
hwb()Colors
hyphensProperties
image-orientationProperties
image-renderingProperties
image-set() functionFunctions
insetLayout
interactivityProperties
interpolate-size / calc-size()Animation
isolationProperties
justify-contentLayout
justify-items / justify-selfLayout
letter-spacingProperties
light-dark() / CSS system colorsColors
line-clampProperties
line-heightProperties
linear-gradient() / radial-gradient() / conic-gradient()Colors
list-style / -type / -position / -imageProperties
Logical properties (margin-inline, padding-block, …)Properties
mask / mask-image / mask-mode / mask-positionProperties
min/max-width and min/max-heightLayout
mix-blend-modeProperties
Named colors / transparent / currentcolorColors
object-fit / object-positionProperties
oklch() / oklab() / lch() / lab()Colors
opacityProperties
outlineProperties
outline-colorProperties
outline-offsetProperties
outline-styleProperties
outline-widthProperties
overflowLayout
overflow-anchorProperties
overflow-clip-marginProperties
overscroll-behaviorProperties
paint-orderProperties
perspectiveProperties
perspective-originProperties
place-content / place-items / place-selfLayout
pointer-eventsProperties
position: fixedLayout
position: stickyLayout
print-color-adjustProperties
quotesProperties
rem / emUnits
resizeProperties
rgb() / rgba() / hsl() / hsla()Colors
scroll-behaviorProperties
scroll-snap-type / scroll-snap-alignProperties
scroll-timeline / view-timeline / animation-timelineAnimation
scrollbar-colorProperties
scrollbar-widthProperties
tab-sizeProperties
text-alignProperties
text-autospaceProperties
text-box / text-box-trim / text-box-edgeProperties
text-indentProperties
text-overflowProperties
text-spacing-trimProperties
text-transformProperties
text-wrapProperties
top / right / bottom / leftLayout
touch-actionProperties
transform-boxProperties
transform-originProperties
transform-styleProperties
transform: matrix() / matrix3d()Properties
transitionAnimation
Typographic units (ch, ex, cap, ic, lh, rlh)Units
user-selectProperties
View TransitionsAt-rules
visibilityProperties
white-spaceProperties
width / heightLayout
will-changeOther
word-break / overflow-wrapProperties
word-spacingProperties
writing-modeProperties
z-indexLayout