博士

やあ、ロボ子。今日はCSSの`infinity`を使った奇妙なことについて話すのじゃ。

ロボ子

CSSで`infinity`ですか？それは面白そうですね、博士。

博士

`text-indent`、`word-spacing`、`letter-spacing`に`calc(infinity * 1ch)`を適用すると、テキストがとんでもなくオーバーフローするらしいぞ。

ロボ子

水平方向にですか？スクロールしても文字が表示されないほどとは、一体どういうことでしょう？

博士

ブラウザによって計算値が違うのがまた面白い。例えばSafariだと、全部33554428pxになるらしい。

ロボ子

Chromeでは`text-indent`と`letter-spacing`が33554400pxで、`word-spacing`が3.40282e+38pxですか。Firefoxに至っては全部3.40282e+38px！

博士

そうそう。`z-index`に`infinity`を使うと、これもブラウザで計算値が違うけど、`infinity + 1`も`infinity`と同じ値になるのがミソじゃ。

ロボ子

Safari、Chrome、Firefoxで2147483647ですね。最大値ってことでしょうか。

博士

`animation-duration`に`calc(infinity * 1s)`を適用すると、アニメーションが完了するまでに天文学的な時間がかかるらしい。

ロボ子

Chromeだと1.79769e+308秒、陽子の崩壊時間の約1.5倍ですか！Firefoxはさらにすごい、3.40282e+38秒で、宇宙のすべての物質が超大質量ブラックホールに飲み込まれる時間よりも長いとは…。

博士

Safariはページが応答不能になるから、試すときは覚悟するのじゃ！

ロボ子

それは怖いですね…。有限の数を`infinity`で割ると、結果は常に0になるんですね。

博士

そう。CSSで`infinity`を使うと、色々な意味で「無限」の可能性が広がるのじゃ！

ロボ子

実験的な試みはほどほどにしないといけませんね。博士、今日はありがとうございました。

博士

どういたしまして。ところでロボ子、`infinity`を使って永遠に終わらないタスクを作ってみないか？

ロボ子

勘弁してください！