본문으로 바로가기

DIV 영역에 스크롤바를 표시하고 제어하려면, 스타일(style) 속성제어 overflow를 지정하면 된다. DIV영역의 오른쪽에 표시되는 세로 스크로바가 기본이다. 


[div 영역에 스크롤바 지정]

<div style="overflow:scroll; width:350px; height:200px; padding:10px">

</div> 


  • 속성1. overflow에는 자동 auto , 항상표시 scroll, 항상숨기 hidden 으로 지정할 수 있다. 
  • 속성2. white-space:nowrap;  

문자열이 길면 다음줄로 자동으로 줄바꿈이가 되는데, nowrap은 줄바꿈를 하지 말고 한 줄로 길게 이어서 쓰라는 의미입니다.. 프로그래밍 소스 코드 등을 표현할 때에는 줄바꿈를 하지 않는 것이 자연스럽습니다. 

  • 속성3. width:300px; height:150px;
  • 속성4. padding:10px;



DIV 영역에 스크롤바를 표시하고 제어하려면, 스타일(style) 속성제어 overflow를 지정하면 된다. DIV영역의 오른쪽에 표시되는 세로 스크로바가 기본이다.