آموزش ویژگی border-width در CSS

مثال شماره 1

نمایش ضخامت چند کادر(border):

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;
}

مثال شماره 2

p.one {
  border-style: solid;
  border-width: 5px 20px; /* پنج پیکسل برای بالا و پایین و 20 پیکسل برای اطراف */
}

p.two {
  border-style: solid;
  border-width: 20px 5px; /* بیست پیکسل برای بالا و پایین و پنج پیکسل برای اطراف */
}

p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px;
}
/*بیست و پنج پیکسل برای بالا و 10 پیکسل برای سمت راست و چهار پیکسل برای پایین و 35 پیکسل برای سمت چپ*/