HTML & CSS/테일윈드 (2) 썸네일형 리스트형 [tailwindcss] NextJS & tailwindcss 에서 스크롤바 커스텀[간략 정리] tailwindcss 에서는 별도로 스크롤 바를 꾸밀 수 있는 유틸 클래스를 제공하지 않는다. 다만, NextJs 의 global.css 에서 별도로 스크롤바에 스타일을 적용할 수 있다. global.css 현재 불필요한 스타일 지정을 제거하고, global.css 파일을 살펴본다면 다음 형태와 같을 지도 모른다. @tailwind base; @tailwind components; @tailwind utilities; /* 생략 */ 위 옵션을 건드리지 말고, 다음과 같이 하단에 ::-webkit-scrollbar-* 를 지정하면 스크롤바를 커스텀 할 수 있다. /* 스크롤바 넓이 지정 */ ::-webkit-scrollbar { width: 5px; } /* 스크롤바 트랙 꾸미기 */ ::-webkit.. [tailwindcss] 사용자가 정의한 값으로 스타일을 지정하려면 옵션-[사용자 지정 값 ] 아래와 같이 [ ] 대괄호 사이에 사용자가 지정하고자 하는 값을 직접 명시하면 된다. 아래 예시에 따르면 height 가 80vh 로 지정된다. {children} 참고 https://stackoverflow.com/questions/68725366/in-tailwind-how-to-set-height-of-a-div-to-80-of-the-screen 이전 1 다음
