CSSにおける無限大：ブラウザ解釈の奇妙な旅
2025-08-21
この記事では、CSS計算関数における`infinity`キーワードの奇妙な挙動を探ります。`text-indent`、`word-spacing`、`letter-spacing`などのプロパティに`infinity`を適用することで、著者は、異なるブラウザが無限値を処理する方法における矛盾を発見しました。ただし、視覚的な結果は一貫して水平方向のオーバーフローにつながります。さらに興味深いことに、`z-index`で使用する場合、`infinity`の計算値はすべてのブラウザで最大整数値に制限され、予期しないスタッキング順序になります。最後に、著者はアニメーションの期間に`infinity`を試行し、それが非常に長い時間に翻訳されること、さらにはSafariでページが応答しなくなることを見つけました。要約すると、この実験は、ブラウザがCSSにおける無限値を処理するさまざまな戦略、およびいくつかの驚くべき副作用を示しています。
続きを読む
開発