왼쪽 하단에 텍스트 영역 크기 변경 허용

Question

(현대 브라우저에서) 텍스트 영역의 오른쪽 아래에 나타나는 작은 크기 조정 위젯을 왼쪽 하단에 표시되게 할 수 있습니까?

Answer 1

CSS3는 텍스트 영역의 크기를 조정할 수 있는지 여부를 제어 할 수있는 "크기 조정"속성을 추가합니다. 그러나 제가 말할 수있는 한, 핸들이 어디에 있는지를 지정하는 속성은 없습니다. 해당 수준의 제어를 원할 경우 Javascript로 직접 위젯을 구현해야합니다 (jQuery Dialog 위젯이 생성하는 DIV에 크기 조정 핸들을 추가하는 방식과 유사).

Answer 2

그렇다면 텍스트 영역의 표준이 매우 일치하지 않을 것이고 W3C가 피하려고하는 것이기 때문에 그렇게 할 수는 없습니다. 인터넷은 어떤 점에서는 일관성이 있어야하며 HTML textarea 요소의 크기 조정 위젯은 항상 오른쪽에 항상있을 것입니다. 당신이 할 수있는 한 가지는 jQuery 또는 다른 JavaScript 기술을 사용하여 왼쪽 하단에 크기 조정 위젯을 추가하고 오른쪽 하단에 크기 조정 위젯을 덮는 것입니다.

Answer 3

쓰기 방향을 오른쪽에서 왼쪽으로 설정하면됩니다. 이 텍스트는 기본적으로 오른쪽으로 정렬되어 있음을 의미한다, 그러나 이것은 쉽게 대체 할 수 있습니다 : 당신이 무시할 수없는 다른 부작용이 있습니다

textarea { resize: both; direction: rtl; text-align: left; } 

. 세로 스크롤 막대가 왼쪽에 나타납니다. 커서는 방향에 중립적 인 문자를 입력 한 후 왼쪽에 나타납니다. 중립 문자가 섞여있는 왼쪽에서 오른쪽 문자 만 입력하면 문자도 오른쪽에 나타납니다. 방향에 중립적 인 문자가 먼저 왼쪽에 나타납니다 ("abc (1) x"을 입력하여 테스트하여 무슨 뜻인지 알 수 있습니다.)

그래서 왼쪽에서 오른쪽 텍스트를 입력 할 때 기이 한 기능이 제공되며 원본 문제에 대한 다른 접근 방법을 찾는 것이 좋습니다 (크기 조정 핸들을 아래쪽 왼쪽 모서리).