CSS에서 border는 겉보기엔 박스에 선을 둘러주는 속성처럼 보이지만, 실제로는 요소의 박스 모델을 구성하는 한 축이고, 동시에 시각적 위계를 만드는 가장 단순하면서도 강력한 도구이다. 아마 다들 프로젝트를 진행하다 보면 '왜 테두리를 주면 요소 크기가 커져 보이지?', 'outline이랑 border는 뭐가 다르지?' 등의 궁금증을 가져 봤을 것이다.따라서 오늘 글에서는 border가 어떤 공간을 차지하고, 어떤 방식으로 그려지고, 어떤 문제들을 조심해야 하는지 등을 정리해보고자 한다. 1. border 기본 문법우선 기본적인 사용법부터 보면, 아래와 같다. 그럼 다음과 같이 테두리가 생기는 것을 확인할 수 있다. 아니면 다음과 같이 펼쳐서 작성해도 동일한 결과가 나온다. (나는 개인..
