Scroll Box Borders

alaman ini berisi kode perbatasan kotak gulir. Jangan ragu untuk copy dan paste kode perbatasan kotak scroll ke situs web Anda sendiri, blog, halaman MySpace, atau dokumen HTML lainnya. Dan merasa bebas untuk memodifikasi kode yang Anda inginkan.

Juga, silakan mempertimbangkan menjaga link kembali ke website ini - jika Anda melakukannya akan sangat dihargai!

Anda mungkin telah melihat contoh warna kotak scroll di mana kami mengubah warna dan teks warna latar belakang dari kotak gulir. Pada artikel ini, kita menambah dan mengubah perbatasan kotak gulir.

Cara terbaik untuk menciptakan perbatasan kotak scroll adalah dengan menggunakan properti perbatasan CSS. Hal ini memungkinkan Anda untuk menentukan perbatasan itu lebar, warna, ketebalan, gaya, dan banyak lagi.

Berikut adalah contoh dasar menciptakan perbatasan tipis sekitar kotak scroll Anda. Dalam hal ini, perbatasan adalah 1 pixel lebar, padat, dan LimeGreen dalam warna. Untuk melakukan hal ini, kita menggunakan kode ini: border: 1px LimeGreen;.

Thin Border

Code	Example
<div style="border:1px solid LimeGreen;width:150px;height:100px;overflow:scroll;"> <p> Here's a demonstration of how to add a thin, solid border to a scroll box. To add the border, we use the CSS 'border' property.</p> </div>	Here's a demonstration of how to add a thin, solid border to a scroll box. To add the border, we use the CSS 'border' property.

Dalam contoh ini, perbatasan adalah 9 pixel. Ini masih solid dan warna yang sama seperti contoh sebelumnya.

Thick Border

Code	Example
<div style="height:80px;width:150px;overflow:scroll;border:9px solid #0ADA0A;"> You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.</div>	You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Dotted Border

Code	Example
<div style="height:80px;width:150px;overflow:scroll;border:9px dotted #0ADA0A;"> You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.</div>	You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Dashed Border

Code	Example
<div style="height:80px;width:150px;overflow:scroll;border:9px dashed #0ADA0A;"> You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.</div>	You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Grooved Borders

Code	Example
<div style="height:80px;width:150px;overflow:scroll;border:9px groove #0ADA0A;"> You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.</div>	You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Double Borders

Code	Example
<div style="height:80px;width:150px;overflow:scroll;border:9px double #0ADA0A;"> You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.</div>	You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Ridged Borders

Code	Example
<div style="height:80px;width:150px;overflow:scroll;border:9px ridge #0ADA0A;"> You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.</div>	You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Outset Borders

Code	Example
<div style="height:80px;width:150px;overflow:scroll;border:9px outset #0ADA0A;"> You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.</div>	You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Inset Borders

Code	Example
<div style="height:80px;width:150px;overflow:scroll;border:9px inset #0ADA0A;"> You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.</div>	You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.

Mixed Borders

Code

Example

<div style="height:80px;width:150px;overflow:scroll;border-top:7px dashed #0ADA0A;border-right:7px dotted #000000;border-bottom:7px dashed #0ADA0A;border-left:8px solid #000000;"> You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.</div>

You can add borders to HTML scroll boxes using the CSS 'border' property. Borders can be of any thickness, and any color. You can specify whether it's solid, dotted, dashed, and more. You can also specify a different border for each side of your scroll box.