overflow property > 그누보드가이드

본문 바로가기
사이트 내 전체검색

그누보드가이드

그누보드5 overflow property

페이지 정보

작성자 관리자 댓글 0건 조회 242회 작성일 18-03-08 06:36

본문

# overflow property: 컨텐츠가 element box크기를 넘어서면 어떤일이 일어나는가이다. 즉 넘치는 부분을 자르거나, 스크롤바를 넣거나 , 

보이지 않게 하는 것이다. 이속성은 특정한 높이가 있는 block element에서만 작동한다.

 

* value

1. visible: 넘치는 부분이 잘리지 않고 element box 부분밖으로 보인다. 디폴트값이다.

 div {

    overflow:visible;

}


2. hidden: 넘치는 부분이 잘려서 보이지 않는다.

 div {

    overflow:hidden;

}


3. scroll: 넘치는 부분이 잘리고, 스크롤바를 추가한다.

div {

    overflow:scroll;

}


4. auto: 넘치는 부분이 잘리고, 스클롤바를 추가한다.

div {

    overflow:auto;

}


5. initial: 속성을 디폴트값으로 정한다.

div {

    overflow:initial;

}


6. inherit: Inherits this property from its parent element


* overflow-y: 좌, 우로 넘치는부분에 대하여 자르거나 스크롤바를 추가하는 속성이다.

div.ex1 {

    overflow-x: scroll;

}


div.ex2 {

    overflow-x: hidden;

}


div.ex3 {

    overflow-x: auto;

}


div.ex4 {

    overflow-x: visible;

}



* overflow-x: 상,하로 넘치는부분에 대하여 자르거나 스크롤바를 추가하는 속성이다.

div.ex1 {

    overflow-y: scroll;

}


div.ex2 {

    overflow-y: hidden;

}


div.ex3 {

    overflow-y: auto;

}


div.ex4 {

    overflow-y: visible;

}


추천0
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

회원로그인

설문조사

그누보드5로 홈페이지제작이 좋다

접속자집계

오늘
60
어제
76
최대
116
전체
8,165

현재시간


그누보드5
Copyright © 소유하신 도메인. All rights reserved.