margin 속성 - govl2233/project_studyej GitHub Wiki

• margin:0 auto; ----가운데정렬/ 위드값이 존재하지 않으면 지켜져야 할게없어서 마진이 먹을게 없다.(위드값 꼭 존재★) 왼쪽,오른쪽은 오토로 됨.(여백을만들때랑,가운데정렬은 다르다)

• margin-top:속성값; ---위쪽여백

• margin-right:속성값;

• margin-bottom:속성값;

• margin-left:속성값;

• margin:속성값;

ex)

 p {                       -----------------각각 사용하는 경우
      margin-top:30px;
      margin-right:50px;
      margin-bottom:30px
      margin-left:50px;
   }
  p { margin:30px 50px 30px 50px; } -----------한번에 사용하는 경우

• 위드값 계산 margin

{ width: 200px; height: 200px; border: 1px #F00 solid; padding: 10px; margin:15px; }

전체 가로값 = 가로200+ 선굵기2(1+1)+ 안쪽여백20(10+10)+ 밖의여백30(15+15) =254이다