مثال على خاصية CSS border-width لعرض العرض الحاجز - محرر حالي عبر الإنترنت (oldtoolbag.com)

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>مثال على خاصية CSS border-width</title>
 <style>
 p.one {
 border-style: solid;
 border-width: 5px;
 }
 p.two {
 border-style: solid;
 border-width: 5px 10px;
 }
 p.three {
 border-style: solid;
 border-width: 5px 10px 15px;
 }
 p.four {
 border-style: solid;
 border-width: medium 10px thick 15px;
 }
 </style>
</head>
</body>
 القاعدة الواحدة：: القيمة الفردية تُعين عرض جميع الأربعة حواف.
 القواعد الثنائية: القيمة الأولى تُعين عرض الحواف العلوية والسفلية، والقيمة الثانية تُعين عرض الحواف اليمنى واليسرى.
 القواعد الثلاثة：القيمة الأولى تُعين عرض الحواف العلوية، والقيمة الثانية تُعين عرض الحواف اليمنى واليسرى، والقيمة الثالثة تُعين عرض الحواف السفلية.
 القواعد الأربعة：كل قيمة تُعين على التوالي عرض الحواف من الأعلى، اليمنى، السفلى واليسرى.
 الاحتياط：يجب أن تُعلن <code>border-width</code> قبل <code>border-style</code> الخاصية. يجب أن يكون العنصر لديه حواف، قبل أن يمكن تعيين عرض الحواف.
</body>
</html>