размер текстовой области с помощью CSS с помощью столбцов и строк

В чем разница между размерами textarea с cols и строками и размером текстового поля с высотой и шириной?

  

jsFiddle

cols и rows относятся к размеру шрифта. height и width нет.

http://jsfiddle.net/rVUEE/1/

EDIT: Говорить, что они относительно «размера шрифта», слишком упрощены. Они учитывают такие вещи, как line-height и letter-spacing если они явно установлены.

  1. Атрибуты cols и rows были необходимы по спецификациям HTML. W3C HTML5 (одобренный в 2014 году) сделал их необязательными, но с непрактичными значениями по умолчанию (20 и 2).
  2. Атрибуты вступают в силу, даже когда CSS отключен.
  3. С другой стороны, атрибуты «теряют», если размеры также указаны в CSS.
  4. Атрибут rows указывает высоту в терминах строк (фактически, с высотой строки как подразумеваемой единицей), а атрибут cols определяет ширину в терминах «средней» ширины символов, очень неопределенной концепции, интерпретируемой по-разному браузерами. В CSS любые CSS-единицы могут использоваться и должны быть явно указаны.

CSS не так уж и отличается. Результат будет (почти) одинаковым.

Я использую большую часть времени max-width, min-width и то же самое для высоты. В новых браузерах, таких как Chrome, вы можете resize текстового поля.