blob: e101681e9cccdd0bd9362cc14c8b2dcb7dee0387 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
---
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><!-- --></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>
|
