Применима ли ширина к текстовой области? - PullRequest
5 голосов
/ 31 августа 2009

Применимо ли свойство CSS 'width' к <textarea>?

На практике люди говорят, что они успешно его используют , например, используя такое правило:

textarea
{
    width:100%;
}

Что меня смущает, так это то, что спецификация CSS 2.1 для ширины говорит:

Это свойство указывает содержимое ширина ящиков генерируется блочные и заменяемые элементы. Это свойство не распространяется на незаменяемые элементы на уровне строки.

Я думал, что текстовая область является элементом встроенного уровня, потому что, например, разметка вот так ...

<p>
This is some more text:
<textarea name="mytextarea" rows="3" cols="15">Text in the text area</textarea>
And even more, more text.
</p>

... создает один блок абзаца с текстом слева и справа от <textarea>, и поэтому в соответствии со спецификацией ширина не должна применяться.

Ответы [ 3 ]

6 голосов
/ 31 августа 2009

Textarea - это встроенный элемент уровня… замененный встроенный элемент (вы получаете элемент управления формой, а не простое содержимое элемента).

В спецификации исключены незаменяемые встроенные элементы, но textarea не является одним из них.

0 голосов
/ 31 августа 2009

Ширина не является приемлемым атрибутом элемента textarea. Размер текстовой области можно указать с помощью атрибутов cols и row, хотя его можно лучше контролировать с помощью свойств CSS height и width.

0 голосов
/ 31 августа 2009

вы должны использовать свойство 'cols', чтобы установить ширину текстовой области.

http://www.w3schools.com/TAGS/tag_textarea.asp

...