Using the border Shorthand Properties
Shorthand properties set all three values(width, style, color) in one step.
Property | Description | Values |
---|---|---|
border | Sets the border for all edges. | <width> <style> <color> |
border-top | Sets the border for top edge. | <width> <style> <color> |
border-bottom | Sets the border for bottom edge. | <width> <style> <color> |
border-left | Sets the border for left edge. | <width> <style> <color> |
border-right | Sets the border for right edge. | <width> <style> <color> |
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
<style type="text/css">
p {
border: medium solid black;
border-top: solid 10px;
}
</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>