웹마스터 팁
TEXTAREA 스크롤바 뒤집기
2002.06.20 11:42
<textarea dir=rtl style="text-align:left">내용< /textarea>
문서의 일부가 아닌, 문서 전체에 적용한다면
문서의 최 상단에 위치하는 <html>안에 dir=rtl을 추가해서 <html dir=rtl> 로 하거나,
<body> 태그 안에 dir=rtl 을 추가해서 <body dir=rtl> 의 형태로 해주시면 되겠지요.
참고하실 점은, 문서 전체에 적용할 때는 테이블<table> 의 셀의 위치까지 바뀐다는 겁니다.
소스:
<TEXTAREA NAME="txtdata" dir="rtl" style="text-align:left" ROWS="4" COLS="40"> 어제는 별이 졌다네
나의 가슴이 무너졌네
별은 그저 별일 뿐이야
모두들 내게 말하지만
오늘도 별이 진다네
아름다운 나의 별 하나
별이 지면 하늘도 슬퍼
이렇게 비만 내리는 거야
</TEXTAREA>
예제링크: http://211.61.123.2/skin/Club_basic/content.asp?tb=shinboard_Club_board&code=83-328&num=8005&ref=26&page=2&startpage=1&key=&k_s=0&k_e=0&k_w=0&tn=42
<추신: 예제링크를 올린것 정말 죄송합니다. 예제를 봐야할것 같아서 링크시킵니다.>
문서의 일부가 아닌, 문서 전체에 적용한다면
문서의 최 상단에 위치하는 <html>안에 dir=rtl을 추가해서 <html dir=rtl> 로 하거나,
<body> 태그 안에 dir=rtl 을 추가해서 <body dir=rtl> 의 형태로 해주시면 되겠지요.
참고하실 점은, 문서 전체에 적용할 때는 테이블<table> 의 셀의 위치까지 바뀐다는 겁니다.
소스:
<TEXTAREA NAME="txtdata" dir="rtl" style="text-align:left" ROWS="4" COLS="40"> 어제는 별이 졌다네
나의 가슴이 무너졌네
별은 그저 별일 뿐이야
모두들 내게 말하지만
오늘도 별이 진다네
아름다운 나의 별 하나
별이 지면 하늘도 슬퍼
이렇게 비만 내리는 거야
</TEXTAREA>
예제링크: http://211.61.123.2/skin/Club_basic/content.asp?tb=shinboard_Club_board&code=83-328&num=8005&ref=26&page=2&startpage=1&key=&k_s=0&k_e=0&k_w=0&tn=42
<추신: 예제링크를 올린것 정말 죄송합니다. 예제를 봐야할것 같아서 링크시킵니다.>
댓글 4
-
Legend
2002.06.21 03:06
참고로 dir이란 속성은 문서에서 개체를 읽어오는 순서를 가져오거나 정의하는 속성입니다. 그냥 제목처럼 스크롤 바의 위치만을 바꿔주는 속성으로 알고 계시면 안되겠지요. ltr은 left to right로 왼쪽으로 부터 오른쪽으로 읽어오는 것이고 rtl은 right to left의 약자로 오른쪽으로 부터 왼쪽으로 개체를 읽어 오는 것이지요. 텍스트 에어리어처럼 특정 개체에 넣어주면 내부에 그냥 텍스트만 넣을 수 있으므로 상관 없지만 html 태그나 body태그에 넣으시면 이런 태그들은 개체를 포함하는 태그들이기 때문에 개체를 읽어오는 순서를 바꿔버리기 때문에 내용이 의도한 것과는 다르게 표현이 될 수 있지요. 암튼 이런 점을 주의 해서 사용해야 할 속성이지요. -
ZipShin
2002.06.21 14:52
Legend님..좋은말씀을 주셔서 감사해요.
이런 tip이 있을줄야..누가 알았겠노? -_-;; -
정명주
2002.06.27 22:48
감사합니다..
이런건 첨 보네요.. -
ZipShin
2002.07.04 20:31
dir="rtl" 방법도 있네요
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| xmp 태그를 아시나요 [9] | 세벌사랑 | 2002.07.30 |
| Scrollbar Generator [스크롤바 색상을 쉽게 바꿀수 있게 코드생성] [6] | 문사라 | 2002.07.11 |
| 전광판? 나도 한 번 해볼까 ^^v [4] | Xynex:) | 2002.07.03 |
| [사이트제작팁]팁의 보물창고~ [7] | webdio *^-^* | 2002.07.03 |
| >> 밑줄과 글씨의 색을 다르게 [예제포함] [3] | 아미v | 2002.06.29 |
| [Tip]로딩속도 높이는 10가지 방법. [8] | HomeBox™ | 2002.06.28 |
| 마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] | HomeBox™ | 2002.06.27 |
| 제로보드 가입폼에 css쉽게 적용하기 | {동준짱} | 2002.06.26 |
| 로보트 검색엔진에 잘 걸리는 Meta Tag 작성법 [8] | 이성영 | 2002.06.20 |
| TEXTAREA 스크롤바 뒤집기 [4] | ZipShin | 2002.06.20 |
| 이쁜 css 파일2 [6] | HomeBox™ | 2002.06.17 |
| [re] 이쁜 css 파일2 [3] | t(T^T)t_Man. | 2005.01.07 |
| 이쁜 css 파일1 [1] | HomeBox™ | 2002.06.17 |
| Filters and Transitions .... [4] | 점퍼워니 | 2002.06.17 |
| 스크롤바 색상 변경 ...! [6] | 오빠야™ | 2002.06.17 |
| 웹강의 할떄 소스 보이기 할떄 쓰는 특수문자!! [4] | 류™ | 2002.06.16 |
| 홈페이지의 대문에서 스크롤바 없애기 [10] | keymove | 2002.06.15 |
| MSN.. 추가하기, 채팅하기.. (출처.. 수정) [11] | 하놈 | 2002.06.05 |
| ▶ 마우스 오른쪽 누르기 막힌거 뚫는법 [25] | ★쿠쿠로 | 2002.05.22 |
| Input, Textarea, Radiobutton, Checkbox등 disabled 옵션. [3] | 카멜롯™ | 2002.05.20 |