하얀 코딩

[HTML - 5] block & inline 본문

HTML

[HTML - 5] block & inline

whitecoding 2022. 12. 30. 18:04

HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가집니다.
대부분의 HTML 요소는 이러한 display 속성값으로 다음 두 가지 값 중 하나를 가지게 됩니다.

block vs inline-block vs inline

  block inline-block inline
줄바꿈 여부 줄바꿈이 일어남 줄바꿈이 일어나지 않음 줄바꿈이 일어나지 않음
기본적으로 갖는 너비(width) 100% 글자가 차지하는 만큼 글자가 차지하는 만큼
width, height 사용 가능 여부 가능 가능 불가능

<p>, <div>, <h>, <ul>, <ol>, <form>요소는 display 속성값이 블록(block)인 대표적인 요소입니다.

<span>, <a>, <img>요소는 display 속성값이 인라인(inline)인 대표적인 요소입니다.

 

 

'HTML' 카테고리의 다른 글

[HTML - 7] input의 type 속성값  (0) 2022.12.30
[HTML - 6] form 요소  (0) 2022.12.30
[HTML - 4] 기본 요소  (0) 2022.12.11
[HTML - 3] 엔티티(Entity)  (0) 2022.12.11
[HTML - 2] 텍스트 태그 요소  (0) 2022.12.11