Applying a Border to a Single Side
Property | Description Values |
---|---|
border-top-width | Defines the top border, check border-width for its value |
border-top-style | Defines the top border, check border-style for its value |
border-top-color | Defines the top border, check border-color for its value |
border-bottom-width | Defines the bottom border, check border-width for its value |
border-bottom-style | Defines the bottom border, check border-style for its value |
border-bottom-color | Defines the bottom border, check border-color for its value |
border-left-width | Defines the left border, check border-width for its value |
border-left-style | Defines the left border, check border-style for its value |
border-left-color | Defines the left border, check border-color for its value |
border-right-width | Defines the right border, check border-width for its value |
border-right-style | Defines the right border, check border-style for its value |
border-right-color | Defines the right border, check border-color for its value |
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
<style type="text/css">
p {
border-width: 5px;
border-style: solid;
border-color: black;
border-left-width: 10px;
border-left-style: dotted;
border-top-width: 10px;
border-top-style: dotted;
}
</style>
</head>
<body>
<p>
HyperText Markup Language (HTML) is the main markup language for
displaying web pages and other information that can be displayed
in a web browser(From From Wikipedia, the free encyclopedia).
</p>
</body>
</html>