dimensionner une zone de texte avec CSS vs avec cols et lignes
Quelle est la différence entre le dimensionnement d'un textarea avec des cols et rows et dimensionnement d'un textarea avec la hauteur et la largeur?
<textarea id="TextArea1" cols="73" rows="12">with cols rows</textarea>
<textarea id="TextArea2" style="height:200px; width:600px";>with CSS</textarea>
source d'informationauteur frenchie
Vous devez vous connecter pour publier un commentaire.
cols
etrows
sont relatives à la taille de police.height
etwidth
ne le sont pas.http://jsfiddle.net/rVUEE/1/
EDIT: en Disant qu'ils sont par rapport à "taille de police" est un peu trop simpliste. Ils prennent en compte des choses comme
line-height
etletter-spacing
si explicitement définie.cols
etrows
attributs ont été requis par les spécifications HTML. W3C HTML5 (approuvé en 2014) fait facultatives, mais avec peu pratique les valeurs par défaut (20 et 2).rows
attribut spécifie la hauteur en termes de lignes (de façon efficace, à la hauteur de la ligne, comme l'implique l'unité), et lecols
attribut spécifie la largeur en termes de “moyenne” largeur de caractère, une très vague notion, interprété très différemment par les navigateurs. Dans le CSS, CSS peut être utilisé et doit être spécifié explicitement.CSS n'est pas différent. Le résultat sera (presque) le même.
Je suis en utilisant la plupart du temps, max-width, min-largeur et la même hauteur. Dans les nouveaux navigateurs comme Chrome, vous pouvez redimensionner la zone de texte.