목록2023/11/26 (1)
사이먼's 코딩노트
[HTML & CSS] box-sizing과 padding의 관계
[box-sizing] box-sizing은 도형의 테두리(border)를 안에 그릴지 밖에 그릴지를 정하는 속성이다. box-sizing의 기본 속성은 content-box로 도형 밖에 그려진다. 디자인 상 outside 즉, 밖에 테두리를 그리는 속성은 box-sizing: content-box; 이다. 디자인 상 inside 즉, 안에 테두리를 그리는 속성은 box-sizing: border-box; 이다. 웹 디자이너는 한가지 가이드라인을 만들어서 통일성있게 디자인을 하는 것이 좋다. 구현하는 개발자는 구현하기 전에 한번씩 확인 후 개발을 하는 것이 좋다. 너비, 높이가 200px에 border의 두께를 1px를 준다고 가정했을 때, box-sizing: border-box;를 적용하면 박스(도형..
HTML & CSS
2023. 11. 26. 16:04