• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

강의 중에 css padding값 질문이요

21.03.20 19:10 작성 조회수 113

0

padding: 0 10px 20px; 값과 padding: 0 10px 20px 0; 의 값과 동일하다고 얘기하셨는데

위(0) 오른쪽(10px) 아래(20px) 왼쪽(0) 이라는 것인데 맞나요?

위와 같이 padding 값이 3개 인경우 위(0) 왼쪽,오른쪽(10px), 아래(20px)가 아닌가요?

답변 1

답변을 작성해보세요.

1

안녕하세요, 제주코딩베이스캠프입니다 :)

질문 주신 내용처럼 padding: 0(상) 10px(좌, 우) 20px(하); 은 padding: 0(상) 10px(우) 20px(좌) 10px(하); 과 동일한 것이 맞습니다.

1. padding 값이 2개 일 때(상=하, 좌=우) -> padding: 10px(상, 하) 20px(좌, 우);
2. padding 값이 3개 일 때(좌=우) -> padding: 0(상) 10px(좌, 우) 20px(하);
3. padding 값이 4개 일 때(시계방향으로 상 우 하 좌) -> padding: 0(상) 10px(우) 20px(하) 10px(좌);

잘못된 설명으로 혼란을 드려 죄송합니다. 해당 강의에는 자막을 통해 추가적인 혼란이 없도록 하겠습니다.

답변이 충분하지 않거나 추가로 질문이 있다면 답변 부탁드립니다.
감사합니다.

감사합니다^^