| 특성 | border | outline |
| 위치 | 요소 안쪽에 위치 |
요소 바깥쪽에 위치
|
| 레이아웃 영향 | 요소 크기에 영향을 미침 |
요소 크기에 영향을 주지 않음
|
| 스타일 가능 여부 | 스타일, 색상, border-radius 등 다양한 스타일 가능 |
제한적인 스타일 가능 (border-radius 적용 안 됨)
|
| 사용 목적 | 디자인 요소로 사용 |
접근성 강조 (포커스 표시)
|
'CSS' 카테고리의 다른 글
| select 커스텀 스타일 (0) | 2024.12.23 |
|---|---|
| text-decoration: underline (0) | 2024.11.27 |
| 동영상 비율 (0) | 2024.11.19 |