CSSコメント削除

dev/css-comment-strip

CSSの /* ... */ ブロックコメントを正規表現で取り除き、空白やプロパティ値はそのまま残す簡易クリーナー。

最終更新日 2026-07-03 ・ by yuzlrin

このツールでできること

CSSコメント削除では、CSSの /* ... */ ブロックコメントを正規表現で取り除き、空白やプロパティ値はそのまま残す簡易クリーナー。
関連する観点として CSSコメント削除、css strip comments、css comment strip を確認し、結果をコピーして別の作業に使えます。

入力

結果

使い方

コメントを取りたいCSS断片を「入力」欄へ貼り付けます。
「結果」欄に、/* から次の */ までを削除したテキストが自動表示されます。
削除後も余分な空白は詰められないため、必要なら出力を目視で整えます。
問題なければコピーボタンで、コメント除去後のCSSだけを取得します。

入力例・出力例

INPUT

body { color: red; /* remove */ margin: 0; }

OUTPUT

body { color: red; margin: 0; }

コメント部分だけが空文字になり、削除位置の前後にあったスペースはそのまま残ります。

INPUT

.icon::before { content: "/* note */"; color: red; }

OUTPUT

.icon::before { content: ""; color: red; }

CSSパーサーではなく正規表現なので、文字列リテラル内でも /* ... */ が消えます。

よくある利用シーン

配布前の短いCSSスニペットから説明コメントだけを取り、プロパティの並びは変えたくないとき。
CSS圧縮まではせず、コメント削除の影響範囲だけを差分確認したいとき。
テンプレートから生成されたCSSに残った /* TODO */ や /* debug */ を一括で消したいとき。

結果確認のポイント

構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。
CSSコメント削除、css strip comments、css comment stripの観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

注意点

本番の秘密情報、APIキー、パスワードは入力しないでください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

CSSコメント削除の主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

FAQ

よくある質問

CSSには「//」形式の行コメントはありますか？

CSSの標準仕様では「//」は行コメントとして定義されていません。CSSコメントは「/* ... */」形式のブロックコメントのみです。ただしSassなどのプリプロセッサは「//」を行コメントとして扱います。

文字列リテラル（content属性の値）内の「/*」も削除されますか？

CSSの一般的なパーサーは文字列内の「/*」をコメント開始として扱いませんが、シンプルな正規表現ベースの削除ツールでは文字列内のコメント記号も誤って除去する場合があります。content:'/* note */'のような値には注意が必要です。

CSSコメント削除とCSS圧縮（Minify）の違いは？

コメント削除はコメントのみを除去します。CSS圧縮（Minify）はコメント削除に加え、空白・改行・セミコロンの省略・値の短縮（#ffffff→#fff等）まで行い、ファイルサイズを最大限削減します。

CSSコメント削除

このツールでできること

使い方

入力例・出力例

よくある利用シーン

結果確認のポイント

注意点

データの扱い / プライバシー

よくある質問

関連ツール

CSSコメント削除

このツールでできること

使い方

入力例・出力例

よくある利用シーン

結果確認のポイント

注意点

データの扱い / プライバシー

よくある質問

関連ツール