display: |
block | 새로운 라인에서 시작하며 해당 라인의 모든 너비를 차지 - block tags : <div> <h1> <p> <ul> <ol> <form> 등. (inline으로 지정할 수 있음) |
inline | 새로운 라인에서 시작하지 않고 요소의 너비도 해당 라인 전체가 아닌 해당 HTML 요소의 내용만큼만 차지 | |
inline-block | 해당 요소 자체는 inline처럼, 요소 내부에서는 block처럼 | |
none | 보이지도 않고 영역 차지도 없음 { visibility : hidden; } => 화면에서 보이지 않는데 영역 차지는 있음 |
'Front-end > css' 카테고리의 다른 글
[css] margin: (0) | 2023.09.24 |
---|---|
[css] border: (0) | 2023.09.02 |
[css] background: (0) | 2023.08.31 |
[css] position: (0) | 2023.08.31 |