В продвинутых браузерах есть специальное свойство:
resize: none | both | horizontal | vertical
Думаю, описания значений свойства не требуется. Нужно добавить, что для всех элементов, кроме textarea
, свойство работает, только если у элемента установлено свойство overflow
, в отличное от visible
значение.
Узнать, что это свойство есть, можно с помощью Modernizr, либо, просто проверить, есть ли у элемента это свойство:
var div = document.createElement('div')
if (typeof div.style.resize == 'undefined'){
console.log('нет');
}
Если этого свойства нет, тогда уже можно использовать для этих целей JS.