この記事の概要
完全にネタです。
「CSS でそんな数が扱えるの？」と思われるような数を探していて、 1 つ見つけたので記事にしました。
ゲルフォントの定数とは
Wikipedia より引用します。
ゲルフォントの定数（ゲルフォントのていすう、英語: Gelfond's constant）は数学定数の一つで、ネイピア数 e と円周率 π を用いて eπ と表される数である。
calc における数値定数
calcの中では、自然対数の底の e と円周率の π (pi) が使用できます。
ちゃんと仕様で定められています。
冪乗を表す pow() 関数
pow() 関数には、カンマ区切りで2つの<number> A と B を入力します。
A を B の冪乗にした結果が <number> として帰ってきます。
2023/6/9 現在、 Safari と Firefox でしか使えません。
ゲルフォントの定数を表すためには
.gelfond {
width: calc(pow(e, pi) * 1px);
}
例では width を使っていますが、 height でも border-radius でもなんでも構いません。
単位なしの数値だけが返ってくるので 1px を掛けていることに注意してください。
（ただし、 line-height に使うのであれば calc(pow(e, pi)) だけで足ります）
最後に（そして、お詫び）
実用性は皆無です。
ご了承ください。
最後まで読んでくださってありがとうございます！
Twitterでも情報を発信しているので、良かったらフォローお願いします！
Devトークでお話してくださる方も募集中です！