>  기사  >  웹 프론트엔드  >  HTML 스크롤바 style_basic 튜토리얼

HTML 스크롤바 style_basic 튜토리얼

WBOY
WBOY원래의
2016-05-16 12:05:022196검색

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


[모두 선택하려면 Ctrl+A 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.