2009-08-31 17 views
5

¿Es la propiedad CSS 'width' aplicable a un <textarea>?¿Es 'ancho' aplicable a un área de texto?

En la práctica, people say that they use it successfully, por ejemplo usando una regla como la siguiente:

textarea 
{ 
    width:100%; 
} 

lo que está confundiendo mi es que el CSS 2.1 specification for width dice,

Esta propiedad especifica el ancho del contenido de cajas generadas por elementos de nivel de bloque y reemplazados. Esta propiedad no se aplica a elementos de nivel en línea no reemplazados.

Pensé que un textarea es un elemento de nivel en línea, porque p. marcado como esto ...

<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> 

... crea un bloque único párrafo con el texto a la izquierda y derecha de la <textarea>, y que por lo tanto, de acuerdo con la especificación de la anchura no debe ser aplicable.

Respuesta

6

Textarea es un elemento de nivel en línea ... un reemplazado elemento en línea (obtiene un control de formulario, no el contenido simple del elemento).

La especificación no incluye elementos en línea no reemplazados, pero textarea no es uno de ellos.

+0

Gracias explicando eso. – ChrisW

-1

debe usar la propiedad 'cols' para establecer el ancho del área de texto.

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

+2

No. Debe especificar el número de cols, pero si realmente desea establecer el ancho de CSS es mucho más flexible. (Y evite W3Schools, es propenso a errores). – Quentin

+0

Yuck, W3Schools –

0

Anchura no es un atributo aceptable del elemento de área de texto. El tamaño de un área de texto se puede especificar mediante los atributos cols y rows, aunque se puede controlar mejor a través de las propiedades de alto y ancho de CSS.

Cuestiones relacionadas