스크롤바의 위치를 왼쪽으로 바꾸기
작성일 06-09-13 18:08
페이지 정보
작성자서방님 조회 147회 댓글 0건본문
스클롤바의 위치는 보통 오른쪽에 위치하는 것이 정상이다. 하지만 약간의 편법을 이용하면 스크롤바의 위치를 왼쪽으로 변경할 수가 있다. 지금부터 그 방법에 대해 알아 보도록 하자.
우선, 결과부터 살펴보도록 하자. 다음은 TextArea 박스인데 스크롤바의 위치가 왼쪽에 있음을 볼 수 있을 것이다.
스크롤바의 위치가 오른쪽에 있지 않습니다 스크롤바의 위치가 왼쪽에 있습니다 이렇게 하는 방법은 그렇게 어려운 것이 아닙니다 하지만 정석은 아닙니다 dir 속성을 이용한 편법이라 할 수 있습니다 이 속성을 사용할 때는 주의 사항이 있습니다 이 강좌를 끝까지 주의 깊게 읽으시기 바랍니다
위 결과에 대한 소스 코드는 다음과 같다:
|
<textarea rows="5" cols="60" dir="rtl" style="text-align:left"> |
여기서 눈여겨 봐야 할 부분은 dir="rtl" 부분이다.
HTML 4.0부터 dir (direction의 약자) 속성을 지원하는데 이 속성은 applet, base, basefont, bdo, br, frame, frameset, iframe, param, script 태그를 제외한 모든 태그의 속성으로 사용할 수 있다. 이 속성의 값으로는 ltr(left-to-right)과 rtl(right-to-left)을 가질 수 있다. 디폴트 값은 ltr이다. 원래 이 dir 속성은 오른쪽에서 왼쪽으로 글자를 읽는 아라비아와 같은 국가를 위해 고안된 것이다. 그렇기 때문에 모든 요소들이 오른쪽에서 왼쪽으로 흐르게 되어 있다. 위의 예에서도 굳이 style="text-align=left"로 해준 이유는 dir="rtl"을 사용하면 디폴트로 글자가 오른쪽 정렬이 되기 때문이다.
이 속성은 위에서 언급한 태그를 제외하고는 모든 태그에 적용할 수 있다고 하였다. 그렇게 때문에 문서 전체에 이 속성을 적용하려면 <html dir="rtl">을 해주면 된다. 이렇게 하면 모든 문서의 방향이 오른쪽에서 왼쪽으로 변경된다.
하지만 앞에서 언급했듯이 원래 dir의 기능은 오른쪽에서 왼쪽으로 글자를 읽는 국가를 위해 고안된 것이기 때문에 문서 전체에 이 속성을 적용하는 것은 여러 가지 문제점들을 야기시킬 것이다. 이 기능을 다른 국가에서 편법으로 이용할 때 가장 큰 불편한 사항은 아마도, 문장의 마지막에 사용된 마침표, 쉼표, 물음표, 느낌표 등의 문장 기호가 제일 앞에 표시되는 문제일 것이다.
불필요하다고 생각하는 사람들도 있겠지만 그럼에도 TextArea 같이 부분적으로 적용할 수 있는 부분에 이 속성을 사용한다면 사람들이 생각지 못한 효과들을 줄 수도 있을 것이다.
물론 아랍권을 위한 홈페이지를 만드는 사람은 필수적으로 이 속성을 사용해야 하겠지만 말이다.
자료출처 : http://korea.internet.com
댓글목록
등록된 댓글이 없습니다.