OLD | NEW |
| (Empty) |
1 <html><head><style> | |
2 div { | |
3 border:1px solid red; | |
4 width:350px; | |
5 font-size:14px; | |
6 line-height:14px; | |
7 } | |
8 .wrapper-div { | |
9 float:left; | |
10 } | |
11 </style></head> | |
12 <body> | |
13 | |
14 <div class='wrapper-div'> | |
15 Plain textarea with little content | |
16 <div> | |
17 A | |
18 <textarea>Lorem ipsum dolor</textarea> | |
19 B | |
20 </div> | |
21 | |
22 Plain textarea | |
23 <div> | |
24 A | |
25 <textarea>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </
textarea> | |
26 B | |
27 </div> | |
28 | |
29 Disabled textarea | |
30 <div> | |
31 A | |
32 <textarea DISABLED>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnop
qrstuv </textarea> | |
33 B | |
34 </div> | |
35 | |
36 style="padding:10px" | |
37 <div> | |
38 A | |
39 <textarea style="padding:10px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcd
efghijklmnopqrstuv </textarea> | |
40 B | |
41 </div> | |
42 | |
43 style="padding:0px" | |
44 <div> | |
45 A | |
46 <textarea style="padding:0px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcde
fghijklmnopqrstuv </textarea> | |
47 B | |
48 </div> | |
49 | |
50 style="margin:10px" | |
51 <div> | |
52 A | |
53 <textarea style="margin:10px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcde
fghijklmnopqrstuv </textarea> | |
54 B | |
55 </div> | |
56 | |
57 style="margin:0px" | |
58 <div> | |
59 A | |
60 <textarea style="margin:0px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdef
ghijklmnopqrstuv </textarea> | |
61 B | |
62 </div> | |
63 | |
64 cols=3 | |
65 <div> | |
66 A | |
67 <textarea cols=3>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqr
stuv </textarea> | |
68 B | |
69 </div> | |
70 | |
71 rows=3 | |
72 <div> | |
73 A | |
74 <textarea rows=3>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqr
stuv </textarea> | |
75 B | |
76 </div> | |
77 | |
78 cols=10 | |
79 <div> | |
80 A | |
81 <textarea cols=10>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopq
rstuv </textarea> | |
82 B | |
83 </div> | |
84 | |
85 rows=10 | |
86 <div> | |
87 A | |
88 <textarea rows=10>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopq
rstuv </textarea> | |
89 B | |
90 </div> | |
91 | |
92 cols=5 rows=4 | |
93 <div> | |
94 A | |
95 <textarea cols=5 rows=4>Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijk
lmnopqrstuv </textarea> | |
96 B | |
97 </div> | |
98 | |
99 </div> | |
100 <div class='wrapper-div'> | |
101 | |
102 style="width:60px" | |
103 <div> | |
104 A | |
105 <textarea style="width:60px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdef
ghijklmnopqrstuv </textarea> | |
106 B | |
107 </div> | |
108 | |
109 style="width:60px;padding:20px" | |
110 <div> | |
111 A | |
112 <textarea style="width:60px;padding:20px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRST
UVWXYZ abcdefghijklmnopqrstuv </textarea> | |
113 B | |
114 </div> | |
115 | |
116 style="width:60px;padding:0" | |
117 <div> | |
118 A | |
119 <textarea style="width:60px;padding:0">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVW
XYZ abcdefghijklmnopqrstuv </textarea> | |
120 B | |
121 </div> | |
122 | |
123 style="height:60px" | |
124 <div> | |
125 A | |
126 <textarea style="height:60px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ abcde
fghijklmnopqrstuv </textarea> | |
127 B | |
128 </div> | |
129 | |
130 style="width:60px;height:60px" | |
131 <div> | |
132 A | |
133 <textarea style="width:60px;height:60px">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTU
VWXYZ abcdefghijklmnopqrstuv </textarea> | |
134 B | |
135 </div> | |
136 | |
137 style="overflow:hidden" | |
138 <div> | |
139 A | |
140 <textarea style="overflow:hidden">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ a
bcdefghijklmnopqrstuv </textarea> | |
141 B | |
142 </div> | |
143 | |
144 style="overflow:scroll" | |
145 <div> | |
146 A | |
147 <textarea style="overflow:scroll">Lorem ipsum dolor ABCDEFGHIJKLMNOPQRSTUVWXYZ a
bcdefghijklmnopqrstuv </textarea> | |
148 B | |
149 </div> | |
150 | |
151 style="overflow:hidden;width:60px;height:60px" | |
152 <div> | |
153 A | |
154 <textarea style="overflow:hidden;width:60px;height:60px">Lorem ipsum dolor ABCDE
FGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea> | |
155 B | |
156 </div> | |
157 | |
158 style="overflow:scroll;width:60px;height:60px" | |
159 <div> | |
160 A | |
161 <textarea style="overflow:scroll;width:60px;height:60px">Lorem ipsum dolor ABCDE
FGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea> | |
162 B | |
163 </div> | |
164 | |
165 cols=5 style="width:60px;height:60px" | |
166 <div> | |
167 A | |
168 <textarea cols=5 style="width:60px;height:60px">Lorem ipsum dolor ABCDEFGHIJKLMN
OPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea> | |
169 B | |
170 </div> | |
171 | |
172 rows=4 style="width:60px;height:60px" | |
173 <div> | |
174 A | |
175 <textarea rows=4 style="width:60px;height:60px">Lorem ipsum dolor ABCDEFGHIJKLMN
OPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea> | |
176 B | |
177 </div> | |
178 | |
179 cols=5 rows=4 style="width:60px;height:60px" | |
180 <div> | |
181 A | |
182 <textarea cols=5 rows=4 style="width:60px;height:60px">Lorem ipsum dolor ABCDEFG
HIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuv </textarea> | |
183 B | |
184 </div> | |
185 | |
186 wrap="off" | |
187 <div> | |
188 A | |
189 <textarea wrap="off"> | |
190 This is a text area with wrap="soft" | |
191 This is a text area with wrap="soft" | |
192 This is a text area with wrap="soft" | |
193 This is a text area with wrap="soft" | |
194 This is a text area with wrap="soft" | |
195 This is a text area with wrap="soft" | |
196 This is a text area with wrap="soft" | |
197 This is a text area with wrap="soft" | |
198 This is a text area with wrap="soft" | |
199 This is a text area with wrap="soft" | |
200 This is a text area with wrap="soft" | |
201 This is a text area with wrap="soft" | |
202 This is a text area with wrap="soft" | |
203 This is a text area with wrap="soft" | |
204 </textarea> | |
205 B | |
206 </div> | |
207 | |
208 wrap="hard" | |
209 <div> | |
210 A | |
211 <textarea wrap="hard"> | |
212 This is a text area with wrap="soft" | |
213 This is a text area with wrap="soft" | |
214 This is a text area with wrap="soft" | |
215 This is a text area with wrap="soft" | |
216 This is a text area with wrap="soft" | |
217 This is a text area with wrap="soft" | |
218 This is a text area with wrap="soft" | |
219 This is a text area with wrap="soft" | |
220 This is a text area with wrap="soft" | |
221 This is a text area with wrap="soft" | |
222 This is a text area with wrap="soft" | |
223 This is a text area with wrap="soft" | |
224 This is a text area with wrap="soft" | |
225 This is a text area with wrap="soft" | |
226 </textarea> | |
227 B | |
228 </div> | |
229 | |
230 wrap="soft" | |
231 <div> | |
232 A | |
233 <textarea wrap="soft"> | |
234 This is a text area with wrap="soft" | |
235 This is a text area with wrap="soft" | |
236 This is a text area with wrap="soft" | |
237 This is a text area with wrap="soft" | |
238 This is a text area with wrap="soft" | |
239 This is a text area with wrap="soft" | |
240 This is a text area with wrap="soft" | |
241 This is a text area with wrap="soft" | |
242 This is a text area with wrap="soft" | |
243 This is a text area with wrap="soft" | |
244 This is a text area with wrap="soft" | |
245 This is a text area with wrap="soft" | |
246 This is a text area with wrap="soft" | |
247 This is a text area with wrap="soft" | |
248 </textarea> | |
249 B | |
250 </div> | |
251 </div> | |
252 </body></html> | |
OLD | NEW |