html - 左下隅のテキストエリアのサイズ変更を許可する

Question

（最近のブラウザでは）テキスト領域の右下に表示される小さなサイズ変更ウィジェットを左下に表示することはできますか？

Answer 1

これを行うには、書き込み方向を右から左に設定します。これは、テキストがデフォルトで右揃えになっていることを意味しますが、これは簡単に上書きできます。

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

オーバーライドできない他の副作用があります。左側に垂直スクロールバーが表示されます。カーソルは時々（方向的にニュートラルな文字を入力した後）左側に表示されますが、ニュートラルな文字と混合された左から右の文字のみを入力すると、文字も右側に表示されます。ただし、方向的にニュートラルな文字は最初に左側に表示されます（ 「abc（1）x」と入力してテストし、意味を確認します）。

そのため、左から右にテキストを入力するときに奇妙な機能が付属しており、元の問題に対する別のアプローチを探すことをお勧めします（それが何であれ、サイズ変更ハンドルを左下隅に配置する必要がありました）。

Answer 2

CSS3は、textareaのサイズを変更できるかどうかを制御できる「resize」プロパティを追加します。しかし、私が知る限り、ハンドルがどこにあるかを指定するプロパティはありません。そのレベルの制御が必要な場合は、Javascriptを使用してウィジェットを自分で実装する必要があります（jQueryダイアログウィジェットが作成するDIVにサイズ変更ハンドルを追加する方法と同様です）。

Answer 3

これは、テキスト領域の標準が非常に一貫性がなく、W3Cが回避しようとしていることであるため、実行することを意図したものではありません。インターネットはいくつかの点で一貫している必要があり、htmltextarea要素のサイズ変更ウィジェットはほとんどの場合常に右側にあります。実行できることの1つは、jQueryまたはその他のJavaScript手法を使用して、左下にサイズ変更ウィジェットを追加し、右下にあるウィジェットをカバーすることです。