この記事は1分で読めます

【CSS】コメントアウトの書き方

  • 投稿日
  • 更新日

あとで読む

【CSS】コメントアウトの書き方

今回は、CSSでコメントを書く方法について解説します。ソースコードにコメントを残すことで、自分のメモ書きとして使えたり、仕事で補足情報を共有できたりと便利なので、ぜひ覚えましょう!

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

CSSでのコメントの書き方

コメントアウトとは

ソースコード内にコメントを書き残す方法を「コメントアウト」と言います。コメントアウトで書いた文字は、コードには反映されないのでブラウザ上でも表示されません

そのため、自分用のメモとして利用したり、仕事間での共有事項を記入しておくなど便利に活用できます。

コメントアウトの書き方

1行のコメント

コメントアウトの書き方は、書きたい文字の前後に/* */を記入します。

/* 書きたいコメント */

全角で記入するとコードとして認識されないので、必ず半角で記入して下さい。

複数行のコメント

複数行で記入する場合も書き方は同じです。

/* 書きたいコメントを
ここに書きます */

/* 
書きたいコメントを
ここに書きます 
*/

上記のように、改行しても前後に/**/がついていれば大丈夫です。

コメントアウトのショートカットキー

コメントアウトにもショートカットキーがあります。

コメントアウトしたい部分を選択し、

Mac command+/

Windows Ctrl+/

を押します。

元に戻したい場合は、もう一度繰り返すと元に戻ります。

まとめ

今回はコメントアウトの解説でした。作業の合間に忘れないようメモしたり、注意書きを書いておくなど何かと使えるのでぜひショートカットキーも含めて覚えましょう。

この記事を書いた人

かすみ
かすみ

将来は庭のテントでWEBデザインのお仕事がしたいです🏕 フェス・邦楽ロック大好き! テーマパークから介護まで接客経験値豊富な人間🚶‍♀️ 私なりの気づきを皆さまにお届けします✨

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須