display: none;1 [프론트엔드][자바스크립트] TIL Day-21 overflow와 ::before& ::after # overflow의 속성값은 visible이 기본값이고, 위의 속성들이 효력을 갖기 위해선 반드시 블록 레벨 컨테이너의 높이를 설정하거나, white-space를 nowrap으로 설정해야 한다. ::before( :before)과 ::after( :after) 선택한 요소의 첫 자식으로 의사 요소(pseudo elements)를 하나 생성한다. 보통 content 속성과 함께 쌍으로 사용되는데, 요소에 장식용 콘텐츠를 추가할 때 사용한다. 기본값은 인라인이다. 옆의 CSS 스타일링을 참고하면서 보면, id btnMnav는 display: none;을 주어 삼선(햄버거 버튼)을 만들게 되고, ::before는 span요소의 앞에 붙어서 아래 이미지에서 보듯 사이트의 삼선(햄버거 버튼)에서의 맨 위의 선을.. 2022. 4. 25. 이전 1 다음
