filas de textarea y atributo cols en css

122

Estoy intentando establecer los atributos de columnas y filas de textarea mediante css. ¿Cómo haría esto en CSS?filas de textarea y atributo cols en css

Fuente

2010-01-09 ASD

A cuándo usar qué pregunta: http://stackoverflow.com/questions/3896537/is-it-better-to-size-a-textarea-with-css-width-height-or-html-cols- rows-attr –

width y height se utilizan al ir a la ruta de css.

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Setting Width and Height on Textareas</title> 
     <style> 
      .comments { width: 300px; height: 75px } 
     </style> 
    </head> 
    <body> 
     <textarea class="comments"></textarea> 
    </body> 
</html>

Fuente

2010-01-09 19:04:39 Sampson

Según la respuesta del usuario2928048 a continuación, si usa "em" en lugar de "px", puede especificar el ancho y el alto en caracteres como lo haría con los atributos "rows" y "cols". Incluso funciona con IE6, creo. – Swanny

Por lo que sé que no puede.

Además, eso no es para qué sirve CSS. Css para el estilo y HTML para el marcado.

EDITAR: Genial, soy corregido.

Fuente

2010-01-09 19:05:53 Moulde

CSS es para diseñar la representación visual de un elemento. Esto incluye el ancho y la altura de un área de texto. – Sampson

Sí, exactamente. No sabía cols y filas, y el ancho y la altura eran los mismos. – Moulde

Moulde, tienes razón en que no son * exactamente * lo mismo. Pero ambos logran el mismo propósito :) – Sampson

No creo que puedas. Siempre voy con alto y ancho.

textarea{ 
width:400px; 
height:100px; 
}

Lo bueno de hacerlo de la manera CSS es que puedes darle un estilo completo. Ahora puede agregar cosas como:

textarea{ 
width:400px; 
height:100px; 
border:1px solid #000000; 
background-color:#CCCCCC; 
}

Fuente

2010-01-09 19:07:33

237

<textarea rows="4" cols="50"></textarea>

Es equivalente a:

textarea { 
    height: 4em; 
    width: 50em; 
}

donde 1 em es equivalente al tamaño de fuente actual, por lo tanto hacen que el área de texto de 50 caracteres de ancho. see here.

Fuente

2014-01-22 10:57:47 user2928048

+17

Esta debería ser la respuesta seleccionada. –

+30

Para ser más exactos, debe tener 'relleno 'y' altura de línea' en la cuenta. Digamos que tienes un relleno de media em en la parte superior e inferior y una altura de línea de 1.2em, entonces la altura para 4 filas sería 1 + 4 * 1.2 = 5.8em. – nalply

@nalmente su solución es correcta. El problema es 4em = 4 x font-size, que no tiene en cuenta el relleno ni la altura de línea – Nicholas

filas de textarea y atributo cols en css

Respuesta

Cuestiones relacionadas