--- title: CSS Masking slug: Web/CSS/CSS_Masking tags: - CSS - CSS Masking - Overview - Reference translation_of: Web/CSS/CSS_Masking original_slug: Web/CSS/CSS_Masks --- <div>{{CSSRef}}</div> <p><strong>CSS Masking</strong>은 마스킹 및 클리핑을 포함해 시각 요소의 부분 또는 전체를 숨기기 위한 수단을 정의하는 CSS 모듈입니다.</p> <h2 id="참고서">참고서</h2> <h3 id="속성">속성</h3> <div class="index"> <ul> <li>{{cssxref("clip")}} {{deprecated_inline}}</li> <li>{{cssxref("clip-path")}}</li> <li>{{cssxref("clip-rule")}}</li> <li>{{cssxref("mask")}}</li> <li>{{cssxref("mask-border")}}</li> <li>{{cssxref("mask-border-mode")}}</li> <li>{{cssxref("mask-border-outset")}}</li> <li>{{cssxref("mask-border-repeat")}}</li> <li>{{cssxref("mask-border-slice")}}</li> <li>{{cssxref("mask-border-source")}}</li> <li>{{cssxref("mask-border-width")}}</li> <li>{{cssxref("mask-clip")}}</li> <li>{{cssxref("mask-composite")}}</li> <li>{{cssxref("mask-image")}}</li> <li>{{cssxref("mask-mode")}}</li> <li>{{cssxref("mask-origin")}}</li> <li>{{cssxref("mask-position")}}</li> <li>{{cssxref("mask-repeat")}}</li> <li>{{cssxref("mask-size")}}</li> <li>{{cssxref("mask-type")}}</li> </ul> </div> <h2 id="명세">명세</h2> <table class="standard-table"> <thead> <tr> <th scope="col">명세</th> <th scope="col">상태</th> <th scope="col">설명</th> </tr> </thead> <tbody> <tr> <td>{{SpecName("CSS Masks")}}</td> <td>{{Spec2("CSS Masks")}}</td> <td> </td> </tr> <tr> <td>{{SpecName('SVG1.1', 'masking.html#MaskProperty', 'mask')}}</td> <td>{{Spec2('SVG1.1')}}</td> <td>초기 정의</td> </tr> </tbody> </table> <div id="compat-mobile"> </div>