Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- javascript
- for in
- boolean
- flex-wrap
- flex-direction
- 함수표현식
- 프론트엔드
- 논리연산자
- 함수선언식
- 타입
- 속성
- for
- if else
- 비교연산자
- properties
- frontend
- typeof
- 변수
- 문자열
- justify-content
- flex
- 반복문
- 함수
- 기초
- for of
- 화살표함수
- ELSE
- Methods
- 조건문
- align-content
Archives
- Today
- Total
하얀 코딩
[HTML - 5] block & inline 본문
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 |