▶마진(Margin)과 패딩(Padding)이란?
마진(Margin)은 보더값을 기준으로 컨텐츠의 바깥쪽에 위치한 여백이고
패딩(Padding)은 컨텐츠 안쪽의 여백을 의미한다.
▶마진(Margin)과 패딩(Padding) 입력방법
▷4개 값 입력시
상 -> 하 -> 좌 -> 우
▷3개 값 입력시
상 -> 좌/우 -> 하
▷2개 값 입력시
상/하 -> 좌/우
▷1개 값 입력시
상/하/좌/우 모두 동일한 마진 혹은 패딩값
*Reference
https://alonehistory.tistory.com/10
마진(Margin)과 패딩(Padding)의 차이와 입력 방법
마진(Margin)과 패딩(Padding)의 차이 - 마진(Margin)은 보더값을 기준으로 컨텐츠의 바깥쪽에 위치한 여백을 의미합니다. - 패딩(Padding)은 컨텐츠 안쪽의 여백을 의미합니다. 자세한 내용은 아래 사진
alonehistory.tistory.com
▶마진(Margin)과 패딩(Padding) 사용법
마진은 영역을 띄울 때 패딩은 영역을 넓힐 때 사용하는 것이 좋다.
*Reference
https://aboveimagine.tistory.com/m/83
[css] margin과 padding 적재적소에 사용하는 법 (feat. margin-collapsing 마진병합현상/마진상쇄현상)
margin과 padding의 차이점? 아니, margin 과 padding 의 정확한 사용법! 어느덧 코딩한지 8개월차, (학원 다닌 기간 포함) 마진과 패딩의 차이점을 이론적으로는 충~분히 알고 있다. 그런데 실전에서 적용
aboveimagine.tistory.com
'국비필기노트 > HTML,CSS,JS_Starbucks' 카테고리의 다른 글
| CSS_가운데 정렬 (0) | 2022.05.09 |
|---|---|
| CSS_BEM 명명기법 (0) | 2022.05.07 |
| CSS_속성(Inline, block, Inline-block) (0) | 2022.05.06 |
| CSS_가상요소(After,Before) (0) | 2022.05.06 |
| CSS_복합선택자 (0) | 2022.05.06 |