[CSS] Display와 Border 속성

1. 블록 요소와 인라인 요소 1) 블록 레벨 요소 자기가 속한 영역의 너비를 모두 차지하여 블록 형태를 가지는 것을 의미합니다. ex) , 2) 인라인 요소 자기에게 필요한 만큼의 공간만 차지하는 것을 의미합니다. ex) , 블록 요소인 div에 border 값을 추가하고 인라인 요소인 span 태그에 border를 추가하면 아래와 같이 차이를 시각적으로 확인할 수 있습니다.

div {border: 3px solid black;} span { border: 3px solid blue;} div 블록 레벨 요소 span 인라인 레벨 요소 블록 요소와 인라인 요소 차이 2. display 속성 선택된 요소를 블록과 인라인 요소 중 원하는 형태로 변경할 수 있습니다. 속성값 내용 display: inline 인라인 형태로 처리한다. display: blo...

요청 처리 중입니다...

[CSS] Display와 Border 속성

등록된 다른 글