[HTML] 속성

계속 추가할 예정입니다.

크기

---

width , height

---

가로/세로의 크기를 지정해 주는 속성입니다.

div {
	width: 300px;
    height: 300px;
}

---

여백

---

margin /  padding

---

margin과 padding은 여백을 줄 수 있는 속성입니다. 말로 설명하는 것 보다 그림으로 설명하는 것이 이해가 빠를 것 입니다.

300 x 300의 박스 형태에서 padding은 border기준으로 내부 여백을 의미하고 margin은 border 기준으로 외부의 여백을 의미합니다. border은 선 입니다. 

border

선언 방식

margin / padding 둘다 선언 방식이 여러가지가 있는데  모든 방향을 한 번에 지정할 수 있고 위 / 아래  또는 각각 방향마다 따로 지정해줄 수 있습니다.

margin / padding : top right bottom left; /* 시계방향 */

margin / padding : top/bottom right/left; 

margin / padding : 100px; /* 모든 방향 */
margin-top / padding-top : 100px;
margin-right / padding-right : 100px;
margin-left / padding-left : 100px;
margin-bottom / padding-bottom : 100px;

---

색상

---

color / background-color

---

color는 font의 색상을 의미하고 background-color는 배경 색상을 의미합니다.

div {
	color : red; /* rgb도 가능 */
	background-color : blue;
}

내용

• 리스트
• 리스트

---

❗ 저작권

https://icons8.com/icon/TZ69zUw6d3Lu/right

https://icons8.com/icon/NXAECrAk3Vkg/code

https://icons8.com/icon/48250/암호"