전과 마찬가지로 유념할 부분만 정리한다.
border-width: 2px 1px 2px; margin: 0 9px; padding: 24px 16px;
언젠가 봤던 거 같지만 생소하게 느껴져 다시 적어본다.
margin
, padding
와 같이 4방향 속성을 작성하는 경우 1~3개만 정할 수도 있다.
4개의 속성값을 정하면 top
, right
, bottom
, left
순으로,
3개의 속성값을 정하면 top
, (right
와 left
), bottom
, left
순으로,
2개의 속성값을 정하면 (top
와 bottom
), (right
와 left
) 순으로,
1개의 속성값을 정하면 4방향 모두 정해진다.
velog에 썼던 내용도 조금씩 아득해지는 걸 보니 복습이 필요한 때인 듯 하다. 저녁엔 내 velog를 다시 한 번 보고 잊어버린 내용을 새겨야 겠다.
오늘 진행한 자세한 코드는 내 github 링크 에 업로드 되었다.