1. Resize
2. Outline-offset.
<!DOCTYPE html> |
<!DOCTYPE html>
<html> <head> <style> .one { border: 3px solid ; width: 200px; overflow: auto; margin: 10px; border: 1px solid black; outline: 5px dotted rgb(189, 10, 121); outline-offset: 12px; } .two { margin: 10px; border: 1px solid black; outline: 5px dashed rgb(189, 10, 121); outline-offset: 15px; border: 3px solid ; width: 200px; overflow: auto; } </style> </head> <body> <h1>one</h1> <div class="one"> <p>This is a pera here</p> <p>This is a pera here</p> <p>This is a pera here</p> <p>This is a pera here</p> </div> <h1>two</h1> <div class="two"> <p>This is a pera here</p> <p>This is a pera here</p> <p>This is a pera here</p> <p>This is a pera here</p> </div> </body> </html> |