Thanks to visit codestin.com
Credit goes to developer.mozilla.org

This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

블록 (CSS)

웹페이지의 블록HTML 요소로 새 줄에 표시됩니다. 즉, 가로 쓰기 모드에 속한 선행 요소 아래나 ("블록 수준 요소"로 통용되는) 후속 요소 위에 표시됩니다. 예를 들면, <p>는 기본적으로 블록 수준 요소지만, <a>는 "인라인 요소"이다. 당신의 HTML 소스에서 여러 링크를 상대 요소 옆에 위치시킬 수 있고, 그것들을 렌더링 된 출력 형태로 상대 요소와 동일 선상에 놓는다.

display 속성을 사용하면 요소가 (여러 다양한 옵션 중) 인라인으로 표시되는지 아니면 블록으로 표시되는지를 변경할 수 있으며, 블록 역시 포지셔닝 체계의 영향과 position 속성 사용의 영향을 받습니다.

같이 보기