728x90 300x250 SMALL Front-end/CSS65 컨텐츠 너비에 따라 박스 크기 조정 width:min-content width: min-content 이 값은 컨텐츠가 가질 수 있는 최소 너비를 기반으로 요소 크기를 결정한다. 해당요소의 내용에 따라서 최소한의 너비 키그로 조절됨 See the Pen width: min-content by kim oya (@ttuttu) on CodePen. 2023. 11. 18. 체크박스 클릭시 검정색 border 생기는 현상 해결방법 .체크박스 클래스:focus{ outline:none; } 2023. 6. 2. 스크롤 모양 변경하기 *::-webkit-scrollbar { width:6px; height: 16px; } *::-webkit-scrollbar-thumb { background-color: #e0e0e0; border-radius: 100px; } *::-webkit-scrollbar-track { background-color: transparent; } 2023. 5. 1. position sticky 안될때 사용법 position:static static 속성은 기본값으로 요소를 일반인 문서의 흐름에 따라 배치한다. top, left, right, bottom, z-index 속성이 아무런 영향도 주지 안는다. positon:fixed fixeld 속성은 일반적인 흐름에서 제거하고 페이지 레이아웃에 공간도 배정하지 않고 뷰포트를 기준으로 고정값을 가진다. position:sticky sticky 속성은 평소에는 position:relative 상대 위치 요로 처리하지만 스크롤이 특정 영역에 들어오면 fixed 처럼 화면에 고정된다. sticky박스의 부모 박스가 스크를box를 벗어나게 되면 다시 일반적인 흐름에 따라 움직이게 된다. sticky 속성이 안될때 top, left, right, bottom 속성 중 하.. 2022. 8. 6. 이전 1 2 3 4 5 ··· 17 다음 728x90 반응형 LIST