오늘은 여백과 테두리 스타일 입니다. 여백 스타일 여백은 외부 여백과 내부 여백 두가지로 나눌 수 있습니다. padding - 외부 여백 속성 magin - 내부 여백 속성 속성 이름만 다를 뿐 사용하는 방법은 같습니다. 빈박스를 예제로 만들어 보았습니다. 여기에 padding 과 margin 을 각각 50px 씩 넣어 보겠습니다. 이제 파일을 열어 F12를 누른 다음 개발자도구로 해당 박스에 마우스를 갖다 대면 이 박스가 차지하는 크기와 여백을 보여줍니다. 박스사이즈는 중앙의 100x100 이지만 내부 padding 은 50px씩 외부 margin도 50px 씩 차지하고 있습니다. border 는 뒤에 배우겠지만 테두리(선) 입니다. 지금은 이렇게 값을 한번만 넣어서 상하좌우 동..........
CSS 기초 문법 코딩 독학 / 여백과 테두리 스타일 / 7에 대한 요약내용입니다.
자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.
원문링크 : CSS 기초 문법 코딩 독학 / 여백과 테두리 스타일 / 7
네이버 블로그
티스토리
커뮤니티