FREE HTML CODE
Search HTML Code

Scroll Box Borders

Thin Border

In this example, the border is 1 pixel wide, solid, and a bright green color (hex color value: #0ADA0A).

HTML Code:


Result:
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.

Setting borders and colors in HTML is easy - if you know how.

    Thick Border

    In this example, the border is 9 pixels wide. It's still solid and the same color as the previous example.
    HTML Code:


    Result:


    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

    To create a dotted border, you simply change the value 'solid' to 'dotted'.
    HTML Code:


    Result:


    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

    To create a dashed border, you simply use the value 'dashed' (instead of 'solid' or 'dotted' as in our previous examples).
    HTML Code:


    Result:


    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

    HTML Code:


    Result:


    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

    HTML Code:


    Result:

    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

    HTML Code:


    Result:

    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

    HTML Code:


    Result:

    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


    HTML Code:


    Result:

    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

    You can use different border styles for each side of your scroll box. Try experimenting to see what you can come up with!

    HTML Code:


    Result:
    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.
    | More