Front End Develop Front End Develop

요약 요약 내용 계속 보기 요약 내용 계속 보기 요약 내용 계속 설명보기 요약 내용 계속 설명보기 HTML로 위와 같이 마크업을 하면, details는 위와 같은 Shadow DOM 구성을 가지고 있기 때문에 아래와 같이 가상돔의 내용이 보여지게 됩니다. #shadow-root (user-agent) 세부정부 reveal reveal 요약 요약 내용 계속 보기 요약 내용 계속 보기 개발자 도구의 요소검사(F12)에서 위와 같은 Shadow DOM들을 보신적이 있으실 겁니다. 여기서 신기한 점은 CSS를 다음과 같이 선언해도 box-sizing: border-box가 적용되지 않고 content-box로 적용된다는 점입니다. * { box-sizing: border-box; } 이유 → shadow roo..