로그인

검색

14

2022-Dec

CSS position 속성에 대하여 알아 보자

작성자: 도도 조회 수: 138

position : 

  • static (정적)       : 다른 요소들과의 기본적인 관계에 의하여 위치가 결정됨.
                            - 바로 앞의 relative 개체 또는 static 개체에 영향을 받음
                            - 바로 앞 개체가 없으면 부모개체의 기준점을 기준으로 함.
     
  • relative (상대)     : 바로 앞의 static 또는 relative 개체를 기준으로 좌표가 결정됨.
                            - 바로 앞 개체가 없으면 부모개체의 기준점을 기준으로 함.
     
  • absolute (절대)   : 부모개체(container)의 기준점을 기준을 좌표가 결정됨
                            - 자신의 정렬기준이 left 이면 부모개체의 외쪽을 기준
                            - 자신의 정렬기준이 right 이면 부모개체의 오른쪽을 기준으로 함.
     
  • fixed (고정)        : 스크롤시 항상 보임, 스크롤에 관계없이 브라우저 화면을 기준으로 고정됨.
     
  • inherit (상속)      : 부모개체의 속성값을 상속받음.

 

List of Articles
번호 제목 글쓴이 날짜 조회 수
8 CSS 가상 클래스 선택자 도도 2023-12-06 145
7 CSS 태그, 클래스, ID 에 따른 CSS 표기 방법 - 선택자 도도 2023-12-06 137
6 CSS CSS 다중조건 선택자 규칙 해석 dodoworks 2023-11-30 181
5 CSS selector 를 알면 CSS를 다양한 방법으로 적용할 수 있다. 도도 2022-12-14 147
» CSS position 속성에 대하여 알아 보자 도도 2022-12-14 138
3 CSS 반응형 웹 미디어쿼리 얀젤 2022-01-31 122
2 CSS 반응형 웹 사이드바 만들기 얀젤 2022-01-31 352
1 CSS CSS 란 ? + 2 얀젤 2022-01-13 123