| 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 |