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영역의 오른쪽에 표시되는 세로 스크로바가 기본이다.