---

---

#display & border

---

블록 레벨 요소

: 자기가 속한 영역의 너비를 모두 차지하여 블록을 형성한다.
ex) div, p, h1 등

인라인 요소

: 자기에게 필요한 만큼의 공간만 차지한다.
ex) span, a 등

---

display 속성

: 블록과 인라인 요소 중 어느 쪽으로 처리할지 정의한다.

• display 속성 값
  : display에는 미리 정의되어 있는 키워드를 속성값으로 지정한다.
  

---

border 속성

: 요소가 차지하고 있는 영역에 테두리를 그릴 수 있다.

• 속성값으로 테두리의 두께, 모양, 크기 등을 지정할 수 있다

• 이러한 속성을 '단축속성'이라고 한다.
  

• border 속성의 하위 속성
  -> border 속성에 지정하는 값들을 따로 지정할 수 있다.
  

---