TAG
CSS
Result
Run
License
<div class="type"> <h4>resize: both;</h4> <div><textarea></textarea></div> </div> <div class="type"> <h4>resize: horizontal;</h4> <div><textarea></textarea></div> </div> <div class="type"> <h4>resize: vertical;</h4> <div><textarea></textarea></div> </div> <div class="type"> <h4>resize: none;</h4> <div><textarea></textarea></div> </div>
.type { width: 400px; margin: 20px auto; } .type > div { position: relative; background: #EAEAEA; } .type > div::after { content: "Drag here"; color: #FF0000; position: absolute; bottom: -10px; right: -50px; display: block; transform: rotate(-45deg); } .type textarea { width: 100%; } .type:nth-of-type(1) textarea { resize: both; } .type:nth-of-type(2) textarea { resize: horizontal; } .type:nth-of-type(3) textarea { resize: vertical; } .type:nth-of-type(4) textarea { resize: none; }
Console
expand_less
License
License
by DevDic
Close