使用fallthrough的内联CSS

Question

在使用反应之前，我将其作为CSS的一部分：

.tile {
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

如果我想将CSS内联反应，我会这样做：

function Tile(props) {
    const style = {
        imageRendering: 'pixelated',
        imageRendering: 'crisp-edges',
    }
    return <Tile style={style} />
}

由于style有一个重复的密钥，因此只会应用其中一个规则，这意味着CSS可以在更少的浏览器中使用。

有没有办法在内联CSS中保留分离CSS的穿透行为？