CSS padding: 안쪽 여백 단축 속성

#target {
  padding: 10px;
  /* padding: 5% 0; */
  /* padding: 10px 30px 50px; */
  /* padding: 50px 30px 10px 10px; */
}

#target {
  background: beige;
  border: 8px solid aquamarine;
}

.inside {
  background: white;
  border: 2px dashed darkseagreen;
  height: 40px;
}

<div id="target">
  <div class="inside"></div>
</div>

/* 모든 방향 */
padding: 10px;

/* 위+아래 왼쪽+오른쪽 */
padding: 4px 10%;

/* 위 왼쪽+오른쪽 아래 */
padding: 0 auto 50%;

/* 위 오른쪽 아래 왼쪽 */
padding: 2.4em 3em 3em 3em;

/* 전역 값 */
padding: inherit;
padding: initial;
padding: revert;
padding: revert-layer;
padding: unset;