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

+ Recent posts