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