   <p>
            Border is a property that defines the style, width and color of the element's border.
        </p>
        <div id="effects-of-borders">
            <h3>Effects of Borders</h3>
            <div class="preview">
                <div class="effect">
                    <div id="borders" class="property" onmouseover="showBorder()"
                        onmouseleave="this.style.border='none';">
                        Hover the mouse over me to see the effect of <code class="language-css">b