ツール説明

CSS calc プレイグラウンドは、CSS calc() 式をリアルタイムで評価するためのインタラクティブな CSS calc ジェネレータおよびテスターです。この CSS calc テスターにより、開発者は計算を試験し、即座に結果を確認できるため、異なるユニットと操作が CSS でどのように相互作用するかを理解するのに役立ちます。スタイルシートに実装する前に、CSS calc 複数操作と複雑な計算をテストするのに最適です。

機能

  • リアルタイム CSS calc ジェネレータと即座の評価
  • すべての CSS ユニット (px, em, rem, %, vh, vw など) に対応した CSS calc テスター
  • CSS calc 複数操作 (+, -, *, /) のサポート

サポートされている操作

  • 加算: calc(100px + 50px) → 150px
  • 減算: calc(100% - 20px) → calc(100% - 20px)
  • 乗算: calc(10px * 2) → 20px
  • 除算: calc(100px / 2) → 50px
  • ネストされた式: calc(calc(100px * 2) + 50px) → 250px
  • 混合ユニット: calc(50% + 25px)