مشاهده و تمرین روی کد ها

<!DOCTYPE html>
<html>
<head>
<style>
p.one {
 border-style: solid;
 border-width: 5px;
}

p.two {
 border-style: solid;
 border-width: medium;
}

p.three {
 border-style: dotted;
 border-width: 2px;
}

p.four {
 border-style: dotted;
 border-width: thick;
}

p.five {
 border-style: double;
 border-width: 15px;
}

p.six {
 border-style: double;
 border-width: thick;
}

p.seven {
 border-style: solid;
 border-width: 2px 10px 4px 20px;
}

h2,p {direction:rtl;}
</style>
</head>
<body>

<h2>صفت border-width </h2>
این صفت عرض چهارسوی خط حاشیه را مشخص می کند.

متن متن نتن. 
 متن متن متن.
 متن متن متن.
 متن متن متن.
 متن متن متن.
 متن متن متن.
 متن متن متن.

نکته: صفت "border-width" اگر به تنهایی استفاده شود ، تاثیر ندارد. 
همیشه در ابتدای کار صفت "border-style" را برای خطوط حاشیه مشخص کنید.

</body>
</html>

ضخامت خط حاشیه