display 속성

이 display속성은 요소가 표시되는지 여부를 지정합니다.

 

모든 HTML 요소는 요소 유형에 따라 기본 표시 값을가집니다. 대부분의 요소에 대한 기본 표시 값은 block또는 inline입니다.

 

블록 수준 요소(Block-level Elements)

 

블록 수준 요소는 항상 새 줄에서 시작하여 사용 가능한 전체 너비를 사용합니다 (가능한 한 왼쪽 및 오른쪽으로 뻗어 있음).

 

<div> 요소는 블록 수준 요소입니다.

블록 수준 요소의 예 :

 

1. <div>

2. <h1> - <h6>

3. <p>

4. <form>

5. <header>

6.<footer>

7 <sectoin>

인라인 요소

인라인 요소는 새 행에서 시작하지 않으며 필요한만큼의 너비 만 차지합니다.

 

이것은 단락 안에 있는 인라인 <span> 요소 입니다.

 

인라인 요소의 예 :

 

1. <span>

2. <a>

3. <img>