[CSS] outline과 border의 차이

outline

• width, height 속성에 영향을 주지않고 현재 위치에서 테두리만 생기기 때문에 레이아웃에 영향을 주지 않는다.
• 테두리 영역을 지정하여 선을 줄 수 없다.

 

border

• width, height가 늘어나 레이아웃에 영향을 준다.
• border-box: box-sizing; 속성을 추가하여 박스 안쪽에 생기게 할 수도 있다.
• 위, 아래, 왼쪽, 오른쪽 각각에 선을 줄 수 있다.

 

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.