---
title: Comments
slug: Web/CSS/Comments
tags:
  - CSS
  - Reference
translation_of: Web/CSS/Comments
---
<div>{{CSSRef}}</div>

<p>CSS <strong>주석</strong>은 코드에 설명을 넣거나, 브라우저가 스타일 시트의 특정 부분을 읽지 못하도록 방지할 때 사용합니다. 주석은 문서의 레이아웃에 영향을 주지 않습니다.</p>

<h2 id="구문">구문</h2>

<p>주석은 스타일 시트에서 공백이 위치할 수 있는 곳 어디에나 넣을 수 있습니다. 한 줄로도, 여러 줄로도 사용할 수 있습니다.</p>

<pre class="syntaxbox">/* Comment */</pre>

<h2 id="예제">예제</h2>

<pre class="brush:css">/* 한 줄 주석 */

/*
여러
줄을
차지하는
주석
*/

/* 아래와 같이 사용하면
   스타일을 숨길 수 있음 */
/*
span {
  color: blue;
  font-size: 1.5em;
}
*/
</pre>

<h2 id="참고">참고</h2>

<p>한 줄과 여러 줄 주석 모두 <code>/* */</code> 구문을 사용하며 다른 방법은 없습니다. 그러나 {{htmlelement("style")}} 요소를 사용하는 경우 <code>&lt;!-- --&gt;</code>를 이용해 구형 브라우저에게서 CSS를 숨길 수 있지만, 추천하는 방법은 아닙니다. <code>/* */</code> 주석 구문을 사용하는 대부분의 언어와 마찬가지로 주석을 중첩할 수는 없습니다. 즉 <code>/*</code>을 뒤따르는 첫 번째 <code>*/</code>이 주석을 끝냅니다.</p>

<h2 id="명세">명세</h2>

<ul>
 <li><a href="http://www.w3.org/TR/CSS21/syndata.html#comments">CSS 2.1 Syntax and basic data types #comments</a></li>
</ul>

<h2 id="같이_보기">같이 보기</h2>

<ul>
 <li>{{CSS_key_concepts}}</li>
</ul>