인프런 커뮤니티 질문&답변
작성한 질문수
강의 중에 css padding값 질문이요
작성
·
185
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(좌);
잘못된 설명으로 혼란을 드려 죄송합니다. 해당 강의에는 자막을 통해 추가적인 혼란이 없도록 하겠습니다.
답변이 충분하지 않거나 추가로 질문이 있다면 답변 부탁드립니다.
감사합니다.
감사합니다^^