This repository demonstrates a common but easily overlooked bug in CSS: forgetting to include spaces around the plus (+) and minus (-) operators when using the calc() function. The issue arises when ...

This repository demonstrates a subtle bug related to the CSS calc() function and its interaction with nested percentage values. The bug manifests primarily when using percentages within calc() in ...

CSSの関数って、便利なものが多いですよね。calc()が登場したときも衝撃でしたが、最近ではattr()関数がパワーアップしたり、レスポンシブ対応に必須のmin(), max(), clamp()関数、ライトテーマとダークテーマのlight-dark()関数、ほかにも:is()や:where()といった疑似 ...

Chrome 99 と Safari 15 から無限大 infinity 値が使えるようになりました。 使い道 用途としてはこれまで 9999px のように大きな値を指定していた箇所に使えると思います。 .button { border-radius: calc (infinity * 1px); } ボタンの高さいっぱいの角丸ボタンを作るときに便利ですね。 .button { ...

CSS Custom Functions are coming （翻訳記事）で紹介したように、CSSのカスタム関数（CSS @function）のプロトタイプを初めて見ました。