width와 height, margin과 padding 속성
- width, height
- 글자를 감싸는 영역의 크기 지정
- border
- 테두리의 두께 지정
- margin
- 테두리와 다른 태그의 간격 지정
- padding
- 테두리와 글자 사이의 간격 지정
<!DOCTYPE html>
<html>
<head>
<title>CSS Property Basic</title>
<style>
div {
width : 100px;
height : 100px;
background-color: red;
border : 20px solid black;
margin : 10px;
padding : 30px;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>- 태그 전체 크기
- 전체 너비 : width + 2 * (margin + border + padding)
- 전체 높이 : height + 2 * (margin + border + padding)
이것저것 다 적는 기록장📚