패딩에는 음수 값을 사용할 수 없습니다. 이는 패딩의 본질적 목적 때문입니다. 사용 가능한 패딩 값들: • 길이 단위: px, em, rem, pt 등 `20px`, `1.5em`, `2rem` ✓ • 백분율: 부모 요소 너비의 비율 `5%`, `10%` ✓ • inherit: 부모 요소의 값 상속 ✓ 사용할 수 없는 값: • 음수 값: `-10px`, `-5%` 등 내부 여백이 음수라는 개념 자체가 모순 왜 음수 값이 불가능할까요? ```css /* 패딩의 목적: 내용과 테두리 사이 공간 확보 */ .box { padding: 20px; /* 내용 주변에 20px 공간 */ padding: -10px; /* 불가능! 공간을 음수로 줄일 수 없음 */ } ``` 마진 vs 패딩의 음수 값: ```css .element { margin: -10px; /* 가능! 요소를 겹치게 만들 수 있음 */ padding: -10px; /* 불가능! 내부 공간은 음수가 될 수 없음 */ } ``` 실무 활용: ```css .container { padding: 20px; /* 20px 내부 여백 */ padding: 5%; /* 부모 너비의 5% */ padding: inherit; /* 부모로부터 상속 */ } ```