웹사이트 소스와 CSS를 보며 공부하고 있는데요.
`padding`이나 `margin` 값이 세 개일 때 각각 어느 방향에 적용되나요?
예시 코드에서 `padding: 0.9em 17px 0.6em`처럼 쓰여 있어 궁금합니다.
CSS padding 값이 세 개일 때 적용 순서가 궁금해요
갈매빛 2026.10.08 댓글 4
갈매빛 2026.10.08 댓글 4
웹사이트 소스와 CSS를 보며 공부하고 있는데요.
`padding`이나 `margin` 값이 세 개일 때 각각 어느 방향에 적용되나요?
예시 코드에서 `padding: 0.9em 17px 0.6em`처럼 쓰여 있어 궁금합니다.
핫레드 2026.10.08
아, 알려주셔서 감사해요!
아서 2026.10.08
세 값은 위, 좌우, 아래 순서예요. 네 값으로 쓴 `1px 2px 3px 2px`는 세 값으로 `1px 2px 3px`처럼 줄여 쓸 수 있어요. `margin`도 같은 방식입니다.
푸르 2026.10.08
그렇군요. 답변 감사합니다~^^
철죽 2026.10.08
직접 적용해 보셔도 공부가 될 거예요^^ 순서는 위, 좌우, 아래입니다.