CSS Container Query Builder

CSS Container Query Builder

@container クエリをGUIで組み立てて CSS を即生成。.cssファイルとして保存対応。

━━━━━━━━━━━━━━━━━━━━━━━━

■ 概要

コンテナ名・コンテナタイプ（size / inline-size）を設定し、@containerの条件とCSSプロパティをGUIで追加するだけでコードを生成するデスクトップツールです。コンテナ定義CSSと@container CSSを同時出力し、.cssファイルとして直接保存できます。インターネット接続不要。入力データは外部に一切送信されません。

━━━━━━━━━━━━━━━━━━━━━━━━

■ 主な機能

✓ コンテナ名・container-type（size / inline-size）をGUIで設定

✓ 条件を複数追加（min-width / max-width / min-height / max-height）

✓ 条件ごとにCSSプロパティをフリーテキストで追加・削除

✓ 値の単位を px / em / rem / % から選択

✓ コンテナ定義CSS（.wrapper）と @container CSS を同時出力

✓ 生成したCSSを .css ファイルとして保存

✓ リアルタイム CSS プレビューとワンクリックコピー

━━━━━━━━━━━━━━━━━━━━━━━━

■ 収録ファイル

・ CSS Container Query Builder_1.0.0_x64-setup.exe（インストーラー版）

・ README.txt

━━━━━━━━━━━━━━━━━━━━━━━━

■ 動作環境

・ Windows 10 / 11（64bit）

━━━━━━━━━━━━━━━━━━━━━━━━

■ 注意事項

・初回起動時に Windows スマートスクリーンの警告が出る場合があります。「詳細情報」→「実行」でご利用ください。

・本ツールの使用によって生じた損害について作者は責任を負いません。