outline은 테두리(border) 바깥쪽에 그려지는 것이 가장 핵심적인 차이점입니다. Border vs Outline 비교: 위치: • Border: 패딩과 마진 사이 (요소 경계) • Outline: 테두리 바깥쪽 ✓ 주요 차이점들: • 크기 영향: outline은 요소 크기에 영향 없음 • 위치: outline은 다른 콘텐츠와 겹칠 수 있음 • 용도: outline은 주로 접근성과 포커스 표시에 사용 실제 예시: ```css .box { width: 100px; border: 5px solid blue; /* 테두리 */ outline: 3px solid red; /* 테두리 바깥에 빨간 선 */ } /* 요소 크기는 여전히 110px (100px + 5px*2) */ ```