HTML 스크롤바 style_basic 튜토리얼

1. 스크롤바의 트랙은 scrollbar-track으로 기록됩니다. 소위 "트랙"은 스크롤 막대의 슬라이딩 블록이 실행될 때 이동해야 하는 경로를 나타냅니다. 2. 스크롤바의 슬라이딩 블록, 즉 마우스 왼쪽 버튼을 길게 눌러 상하 또는 좌우로 이동할 수 있는 슬라이딩 블록과 스크롤바 양쪽 끝에 있는 작은 사각형으로 기록된 것 : 스크롤바 얼굴. 면은 스크롤 막대의 "면"입니다. 슬라이드 막대와 양쪽 끝에 있는 작은 사각형의 세 가지 "면"이 있습니다.
3. 스크롤바의 하이라이트 테두리 부분은 scrollbar-highlight로 기록됩니다. 이 밝은 테두리는 테이블의 밝은 테두리, 즉 왼쪽과 위쪽 부분과 같은 개념입니다. 스크롤 막대의 밝은 테두리 부분은 스크롤 막대의 "얼굴"의 밝은 테두리를 나타냅니다. 슬라이딩 블록과 양쪽 끝에 있는 작은 사각형).
4. 스크롤바의 밝은 테두리 부분 주변에도 3차원 수정 부분이 있는데, 이는 scrollbar-3dlight로 기록됩니다. 3d는 스크롤 막대의 밝은 테두리 부분을 둘러싸는 3차원을 의미합니다.
5. 스크롤바의 그림자 부분은 메인 슬라이더와 좌측, 하단에 위치한 두 개의 사각형의 그림자를 말하며, 스크롤바-섀도우로 기록됩니다.
6. 스크롤바의 그림자 부분에도 강한 그림자 부분이 있는데, 이를 스크롤바-다크섀도우라고 하며, 그림자 부분을 둘러싸고 있습니다.
7. 스크롤 막대 양쪽 끝에 있는 지역 기호 화살표는 다음과 같이 기록됩니다. 화살표 방향은 아래쪽, 위쪽, 왼쪽, 오른쪽입니다.

<div id="center_down" style="overflow:auto; height:50; scrollbar-face-color: #f1f1f1; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color:#DDDDDD; scrollbar-arrow-color: #477ED1"> <img src="/static/imghw/default1.png" data-src="/images/jb51.gif" class="lazy" alt="HTML 스크롤바 style_basic 튜토리얼" > </div>
[모두 선택하려면 Ctrl+A 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]