목록CSS Box Model (1)

열정 실천

[CSS 006] Box Model (margin, border, padding)

Margin 테두리(border) 바깥 쪽 여백 ✔ 상하좌우 모두 margin : 10px ; ✔ 상하, 좌우 margin : 10px 20px ; ✔ 상,우,하,좌 (위쪽부터 시계방향) margin : 10px 20px 10px 20px ; ✔ 각각 지정하기 margin-top : 10px; margin-right : 10px; margin-bottom : 10px; margin-left : 10px; 📌 margin collapsing 마진 상쇄 margin-top과 margin-bottom이 각각 10px로 지정되어있는 두 태그(블록요소)가 20px 이어야하는 둘 사이의 마진이 실제로는 10px로 표현되는 현상이다. 이를 마진 상쇄(margin collapsing) 또는 마진 겹침(margin ov..
개발 공부/CSS 2023. 3. 23. 21:47
이전 Prev 1 Next 다음