css inline block
-
[CSS]css display 속성 - block, inline, block-inline프로그래밍/HTML&CSS 2021. 12. 22. 13:45
HTML 각각의 요소들은 특성에 따라 block, inline속성을 가진다. 경우에 따라 요소의 속성을 변경 하고 싶을 때, display 속성으로 속성값을 변경할 수 있다. 1. Block level element block은 화면 전체를 차지하는 박스형태의 속성이다. - 기본 width="100%" 설정 - 태그 전후 줄바꿈 설정(혼자 한줄 차지) 보통 , 와 같이 단독으로 쓰이는 태그들이 block 속성을 가진다. h1 { border: 2px red solid; } 2. Inline level element inline은 콘텐츠 크기만큼 차지하는 박스형태의 속성이다. - width, heigh 변경 불가 - 전후 줄바꿈없이 다른 요소들과 나란히 배치 , , 과 같이 다른 요소와 나란히 쓰이는 태그..