[스크랩]div style에서 overflow사용법

출처 : http://blog.daum.net/pepmanager/6000706

 만약 내용이 div크기를 넘었을 경우 Scroll을 보이게 하기 위해선

아래와 같이 만들어야 한다.

< div style="overflow:scoll;">< /div>

auto: 보통때는 보이지않다가 크기가 커지면 보이게 됨
hidden: 크기가 커도 보이지 않음
overflow-x: x방향으로만 scoll이 생김
overflow-y: y방향으로만 scoll이 생김

 

단 javascript에서는 '-'를 사용하지 못한다.(인식을 하지 못한다.)
그래서 만약 '-'를 사용하게 되면 '-'를 빼버리고 다음 첫 글자를 대문자로 바꿔 사용한다.

만약 border-right을 javascript안에서 사용하면

document.레이어id.style.border-right (X)
document.레이어id.style.borderRight (O)
이런식으로 바꾸어야 함.

 

style="overflow:auto;"
style="overflow:hidden;"

 

document.레이어id.style.overflow='auto';
document.레이어id.style.overflow='hidden';

 

style="overflow-x:scroll;"
style="overflow-y:scroll;"

 

document.레이어id.style.overflowX='scroll';
document.레이어id.style.overflowY='scroll';