メインコンテンツへスキップ

stylex.firstThatWorks

スタイル プロパティにフォールバック値の順序付けされたリストを宣言します。

生成されたスタイルには全てのフォールバックが含まれ、リスト内の最初にサポートされたスタイルがブラウザ内に適用されます。

function firstThatWorks<Values extends Array<string | number>>(
...styles: Values
): Values[number];

使用例:

import * as stylex from '@stylexjs/stylex';

const styles = stylex.create({
header: {
position: stylex.firstThatWorks('sticky', '-webkit-sticky', 'fixed'),
},
});