CloseTag | الشروحات | CSS | جوانب الإطارات في لغة CSS | CSS Border Sides

<!DOCTYPE html>
<html>
<head>
<style>
p 
{
  border-top-style:dotted;
  border-bottom-style:dashed;
  border-left-style:solid;
  border-right-style:double;

  border-top-color:red;
  border-bottom-color:blue;
  border-left-color:green;
  border-right-color:orange;

  border-top-width:3px;
  border-bottom-width:1px;
  border-left-width:5px;
  border-right-width:4px;
}
</style>
</head>
<body>


<p>CSS border four sides style</p>

</body>
</html>