<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CSS border-style Properties</title>
<style>
    p { 
        border-width: 7px;
        padding: 20px;
        margin: 40px;
        text-align: center;
        font-size: 25px;
    }
    p.one {
        border-bottom-style: solid;
    }
    p.two {
        border-top-style: dotted;
    }
    p.three {
        border-left-style: dashed;
    }
    p.four {
        border-right-style: double;
    }
</style>
</head>
<body>
    <p class="one"><strong>border-bottom-style</strong></p>
    <p class="two"><strong>border-top-style</strong></p>
    <p class="three"><strong>border-left-style</strong> </p>
    <p class="four"><strong>border-right-style</strong></p>
</body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.