본문 바로가기
Frontend

CSS | scroll을 제어하는 CSS

by 구라미 2020. 2. 5.

 

 scroll을 제어하는 CSS

::-webkit-scrollbar {
  width: 5px;  /* 세로축 스크롤바 길이 */
  height: 5px;  /* 가로축 스크롤바 길이 */
}
::-webkit-scrollbar-track {
  background-color: lightblue;
}
::-webkit-scrollbar-track-piece {
  background-color: rgb(182, 182, 182);
}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #494949;
}
::-webkit-scrollbar-track {
  width: 3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  background-color: red;
  background-clip: content-box;
}

 

 

 

'Frontend' 카테고리의 다른 글

Redis | Redis는 무엇일까?  (0) 2020.02.07
HTML | 메타태그  (0) 2020.02.05
VS Code에서 기본 터미널 변경하는 방법  (0) 2020.02.05
Javascript 배열과 유사배열  (0) 2020.02.05
Typescript | 개발환경 설정  (0) 2020.02.03

댓글