# margin
TIL - 마진을 벗어나는 width 잡기(boxSizing)
같은 것은 소용이 없었다. 자식은 부모의 너비를 이길 수 없다.부모 엘리먼트에게 마진을 주고 너비의 한계를 주자.그럼 자식 엘리먼트는 아무리 벗어나려고 해봤자 부모의 너비에서 멈춘다.이렇게 생각하니 조금 슬프군.
CSS - margin, padding 순서
or순서는 상우하좌 입니다. 시계방향으로 돌아감. 10px는 margin-top 의 값이고, 마지막에 나오는 25px는 margin-bottom이고 운데, 5px 가 좌우 margin 이다. margin: margin-top margin-bottom;margin: ma
CSS - margin: 0 auto;
공부를 하던 도중 해당 속성을 이용했더니 깔끔하게 중앙정렬이 되었다. 그래서 그 원리가 궁금했다. 😙😙여기서 0값은 위 아래 여백을 주지 않는다는 의미이다. 즉, margin: ;에서 값은 좌우위아래 여백을 뜻하고, 여기에 '0'이 놓여졌으므로 좌우 위 아래 여백을
HTML & CSS 4(box model, margin padding border)
HTML box model 위 그림이 html의 박스모델로 모든 html요소들에 적용된다. 주황색 부분이 margin 바로 안쪽 선이 border 그 안쪽 초록색 부분이 padding 그 안쪽 파란색부분, margin 배우기라는 텍스트가 있는 부분이 내가 넣는 내용이
[CSS]CSS_3. Box Model
1\. 기본문법2\. 단위3\. Box model 3-1. 3-1. width, height, padding, border, margin 4\. Display property5\. 요소의 정렬&위치6\. 레이아웃7\. 수평 수직 중앙정렬8\. 기타box-siz
[TIL] Border, Margin
위의 그림을 해석해보자면,• 주황색은 margin 영역, 위, 오른쪽, 아래, 왼쪽에 모두 50px• 노란색은 border 영역, 보더의 두께는 5px이다.• 초록색은 padding 영역, 위, 오른쪽, 아래, 왼쪽에 모두 50px• 요소의 가로는 273px, 세로는
margin과 padding을 쓰는 기준?
없다. 정답은. 그러나 자신 나름대로의 기준이 있는 것이 좋겠다.만약 초기 레이아웃 구성하는데 nav와 header는 padding으로 레이아웃은 구분해놓고 footer부분은 margin으로 구분한다면 코드관리에 불편하지 않겠는가?