2013-05-17 11 views
14

Jaka jest różnica między wielkością textarea a cols i rows oraz wielkością textarea z wysokością i szerokością?sortowanie tekstu z CSS kontra z cols i wiersze

<textarea id="TextArea1" cols="73" rows="12">with cols rows</textarea> 
<textarea id="TextArea2" style="height:200px; width:600px";>with CSS</textarea> 

jsFiddle

+0

możliwy duplikat [czy lepiej jest powiększyć obszar tekstowy za pomocą CSS width/height lub atrybutów HTML cols/rows?] (Http://stackoverflow.com/questions/3896537/is-it-better-to- size-a-textarea-with-css-width-height-or-html-cols-rows-attr) –

Odpowiedz

14

cols i rows są względem rozmiaru czcionki. height i width nie są.

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

EDIT:, twierdząc, że są w stosunku do "rozmiar czcionki" jest nieco zbyt uproszczone. Biorą pod uwagę takie rzeczy, jak line-height i letter-spacing, jeśli są jawnie ustawione.

+0

ok, dziękuję za odpowiedź! – frenchie

+1

'cols' nie jest względne w stosunku do rozmiaru czcionki, a żadna z nich nie jest' rows', naprawdę ('rows' odnosi się do wysokości linii). –

+0

@ JukkaK.Korpela Czym jest "cols" w stosunku do tego? Domyślam się, że jest to naprawdę kombinacja 'font-size' i' letter-spacing'? –

0

CSS nie jest tak różne. Wynik będzie (prawie) taki sam.

Używam w większości przypadków maksymalnej szerokości, szerokości minimalnej i tej samej wysokości. W nowych przeglądarkach, takich jak Chrome, możesz zmienić rozmiar obszaru tekstowego.

+0

Zmiana rozmiaru tekstu może być wyłączona zarówno w CSS, jak i HTML. – Skelly1983

5
  1. Atrybuty cols i rows były wymagane przez specyfikacje HTML. W3C HTML5 (zatwierdzony w 2014 r.) Uczynił je opcjonalnymi, ale z niepraktycznymi wartościami domyślnymi (20 i 2).
  2. Atrybuty stają się skuteczne nawet po wyłączeniu CSS.
  3. Z drugiej strony, atrybuty "tracą", jeśli wymiary są również określone w CSS.
  4. Atrybut określa wysokość w odniesieniu do linii (efektywnie, z wysokością linii jako domyślną jednostką), a atrybut cols określa szerokość pod względem "przeciętnej" szerokości znaku, bardzo niejasną koncepcję, interpretowaną bardzo różnie przez przeglądarki. W CSS dowolne jednostki CSS mogą być używane i muszą być jawnie określone.
+5

'cols' i' rows' nie są już wymagane w specyfikacji html5. –

+0

-1 Atrybuty 'rows' i' cols' nie są wymagane, aby element 'textarea' przekazał sprawdzanie poprawności HTML5, ani nie są one wymienione jako wymagane przez W3C. –

Powiązane problemy