728x90 300x250 Front-end227 컨텐츠 너비에 따라 박스 크기 조정 width:min-content width: min-content 이 값은 컨텐츠가 가질 수 있는 최소 너비를 기반으로 요소 크기를 결정한다. 해당요소의 내용에 따라서 최소한의 너비 키그로 조절됨 See the Pen width: min-content by kim oya (@ttuttu) on CodePen. 2023. 11. 18. aria-hidden 사용법과 사용이유 'aria-hidden'은 웹접근성을 개선하기 위한 속성중 하나로 특정 요소를 스크린 리더등의 보조 기술이 무시하도록 지시하는 역할을 한다. 주로 css와 함께 사용되며, 웹페이지의 일부 콘텐츠를 시각적으로 숨기면서, 그 내용이 스크린 리더 등의 보조 기술에게는 여전히 사용 가능하도록 만들어준다. 사용법 이 콘텐츠는 시각적으로 숨겨짐 [aria-hidden="true"] {display: none;} css 통해 적용할 경우 .hidden{display:none;} 이 콘텐츠는 시각적으로 숨겨짐 사용 이유 1. 시각적으로 표시되지 않는 콘텐츠를 화면에서 감추기 위해 사용된다. 이를 통해 디자인 요소를 개선하고 uiux 기능을 향상시킬 수 있다. 2. 웹접근성 준수 : 시각적으로 숨겨진 콘텐츠를 스크린 리.. 2023. 11. 16. 체크박스 클릭시 검정색 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. 이전 1 2 3 4 5 ··· 57 다음 728x90 반응형