IT탐험

z-index, float, clear 본문

공부내용정리/CSS

z-index, float, clear

watercase 2021. 12. 13. 09:13
  • z-index
    • 3차원 요소를 갖는 position 속성의 속성값은 레이어 높낮이에 영향을 주는 z축을 가짐
    • z축은 z-index 속성으로 레이어 높낮이를 조정함
    • 형제간에 3차원 특징을 갖는 속성을 적용하면 나중에 적용된 HTML 요소가 상위 레이어에 위치하는데 z-index 속성으로 바꿀 수 있음
  • float
    • 선택된 HTML 태그를 띄워서 부모의 공간을 기준으로 왼쪽 끝이나 오른쪽 끝에 배치할 때 사용함
    • float: left; 왼쪽 끝부터 순서대로 정렬
    • float: right; 오른쪽 끝부터 순서대로 정렬
  • clear
    • clear 속성은 float 속성의 기능을 제어하는데 사용
    • clear: [left, right, both]

'공부내용정리 > CSS' 카테고리의 다른 글

transform, transition, animation  (0) 2021.12.13
position 속성으로 HTML 태그에 차원 부여  (0) 2021.11.28
마진 병합 현상 (collapsing margins)  (0) 2021.11.28
display속성 block요소와 inline요소의 차이  (0) 2021.11.28
'공부내용정리/CSS' Related Articles more
Comments