読み込み中...

デザイン・CSS無料登録不要

CSS @ルール

CSS @ルールを一覧表示。UI/UXデザインに役立つ無料リファレンスツール。CSS や SVG の生成・検証をブラウザだけで実行。コピー用テキストとプレビューを並列表示、完全無料。

最終更新 2026-04-22 · yuzlrin が運営

項目	内容
@media	メディアクエリ
@import	他ファイル取込
@font-face	フォント定義
@keyframes	アニメ
@supports	機能クエリ
@page	印刷ページ
@charset	文字コード
@namespace	名前空間
@layer	カスケードレイヤー
@container	コンテナクエリ
@scope	スコープ
@property	プロパティ定義

FAQ

よくある質問

CSS @ルールは完全無料です。登録やログイン、課金、アプリのインストールは不要で、ブラウザがあればすぐに利用できます。

関連ツール

こちらもおすすめ

CSS角度単位

CSS角度単位を一覧表示。UI/UXデザインに役立つ無料リファレンスツール。CSS や SVG の生成・検証をブラウザだけで実行。コピー用テキストとプレビューを並列表示、完全無料。

animation-direction

animation-directionを一覧表示。UI/UXデザインに役立つ無料リファレンスツール。

animation-fill-mode

animation-fill-modeを一覧表示。UI/UXデザインに役立つ無料リファレンスツール。

CSSアニメーション生成

CSSアニメーションのキーフレームを視覚的に作成・プレビュー。イージング関数の選択、コードのコピーまでワンストップ。Web開発に便利な無料ツール。

border-radiusジェネレーター

CSSのborder-radiusをGUIで視覚的に調整。4隅個別・楕円形の角丸にも対応。コードをコピーしてすぐ使える無料オンラインツール。

Box Shadow生成

CSS box-shadowをGUIで直感的に作成。多重シャドウ、ニューモーフィズム、テキストシャドウにも対応。コード即コピーの無料ツール。