커뮤니티

고용노동부, 산업인력공단과 함께하는 강원도 유일한 기업중심 IT전문교육기관 ICT융합캠퍼스만의 특별한교육입니다.
공인 IT숙련기술인의 다양한 접근방법으로 전문가다운 실무교육을 받을 수 있습니다.

Category

교육강좌

클라이언트 CSS 사전 - top, right, bottom, left

페이지 정보

작성자 관리자 댓글 0건 조회 5,105회 작성일 20-07-20 09:30

본문

top, right, bottom, left

Summary

position속성이 static이외의 값을 가지면 top, right, bottom, left 속성에서 지정된 값에 따라 배치된다.

<길이> | <백분율> | auto | inherit
기본값 auto
적용대상 position속성이 static인 요소는 제외
상속 상속안됨
퍼센테이지 top, bottom은 용기블럭의 높이를 참조하고, right, left는 용기블럭의 너비를 참조한다.
미디어 Visual

Value

  • 길이
    상대배치(position: relative)인 경우 해당 엘리먼트 본래의 위치에서의 거리(offset)를 뜻한다.
    절대배치(position: absolute)인 경우 포함블록의 네 변에서의 거리(offset)가 된다.
    음수값 지정이 가능하다.
  • 백분율
    top, bottom인 경우 용기블럭의 높이를 참조한다. 용기블럭의 높이가 명시되어 있지 않으면 'auto'로 해석한다.
    right, left인 경우 용기블럭의 너비를 참조한다.
    음수값 지정이 가능하다.
  • auto
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

답변목록

등록된 답변이 없습니다.