HTML Div Tag Border Example

Solid Border

<html>
<head>
</head>
<body>
  <div style="height:100px;width:400px;overflow:scroll;border:solid 2px orange;">
    Scroll box Border example with overflow text is automatic set in scroll in scrollbar....
  </div>
</body>
</html>

Scroll box Border example with overflow text is automatic set in scroll in scrollbar....

Dotted Border

<html>
<head>
</head>
<body>
  <div style="height:100px;width:400px;overflow:scroll;border:dotted 2px orange;">
    Scroll box Border example with overflow text is automatic set in scroll in scrollbar....
  </div>
</body>
</html>

Scroll box Border example with overflow text is automatic set in scroll in scrollbar....

Dashed Border

<html>
<head>
</head>
<body>
   <div style="height:100px;width:400px;overflow:scroll;border:dashed 2px orange;">
    Scroll box Border example with overflow text is automatic set in scroll in scrollbar....
  </div>
</body>
</html>

Scroll box Border example with overflow text is automatic set in scroll in scrollbar....

Double Border

<html>
<head>
</head>
<body>
  <div style="height:100px;width:400px;overflow:scroll;border:double 4px orange;">
    Scroll box Border example with overflow text is automatic set in scroll in scrollbar....
  </div>
</body>
</html>

Scroll box Border example with overflow text is automatic set in scroll in scrollbar....

Inset Border

<html>
<head>
</head>
<body>
  <div style="height:100px;width:400px;overflow:scroll;border:inset 6px orange;">
    Scroll box Border example with overflow text is automatic set in scroll in scrollbar....
  </div>
</body>
</html>

Scroll box Border example with overflow text is automatic set in scroll in scrollbar....

Outset Border

<html>
<head>
</head>
<body>
  <div style="height:100px;width:400px;overflow:scroll;border:outset 6px orange;">
    Scroll box Border example with overflow text is automatic set in scroll in scrollbar....
  </div>
</body>
</html>

Scroll box Border example with overflow text is automatic set in scroll in scrollbar....