크기1 CSS box-sizing 속성 (영역, 기준 정리) 안녕하세요! 오늘은 컨텐츠의 영역과 위치의 기준을 정할 수 있는 css box-sizing 속성에 대해 정리해 보려 합니다. css에서 다음과 같이 속성을 설정 할 경우 화면상에 실제 요소의 크기는 어떻게 나타날까요? [html] 아래의 왼쪽 이미지 처럼 내부 width 길이가 200px로 잡히고 padding영역과 border영역이 더해져 전체 width 길이가 300px로 나타 날까요? 오른쪽 이미지 처럼 전체 길이가 200px로 잡히고 내부 영역의 길이가 100px로 나타 날까요? 결과 화면은 box-sizing 속성과 관련이 있습니다. box-sizing 속성을 별도로 지정하지 않을 경우 content-box속성으로 설정 되기 때문에 결과 화면은 왼쪽 화면 처럼 나타나게 됩니다! 그럼 box-si.. 2022. 12. 21. 이전 1 다음