---
title: CSS Scroll Snap Points
slug: Web/CSS/CSS_Scroll_Snap_Points
tags:
  - CSS
  - CSS Scroll Snap
  - Overview
  - Reference
translation_of: Web/CSS/CSS_Scroll_Snap_Points
---
<p>{{CSSRef}}{{deprecated_header}}</p>

<p><strong>CSS Scroll Snap Points</strong>는 물리보다는 논리상 방향과 차원 맵핑을 통해 레이아웃을 제어하는 능력을 제공하는 속성 및 값을 정의하는 CSS 모듈입니다.</p>

<div class="blockIndicator note">
<p><strong>참고</strong>: 같은 기능을 정의하는 최신 명세는 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap">CSS Scroll Snap</a>입니다.</p>
</div>

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

<h3 id="CSS_속성">CSS 속성</h3>

<div class="index">
<ul>
 <li>{{cssxref("scroll-snap-coordinate")}}</li>
 <li>{{cssxref("scroll-snap-destination")}}</li>
 <li>{{cssxref("scroll-snap-points-x")}}</li>
 <li>{{cssxref("scroll-snap-points-y")}}</li>
 <li>{{cssxref("scroll-snap-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 Scroll Snap Points", "#propdef-scroll-snap-points-y", "scroll-snap-points-y")}}</td>
   <td>{{Spec2("CSS Scroll Snap Points")}}</td>
   <td>초기 정의</td>
  </tr>
 </tbody>
</table>