Border Width CSS

Border Width CSS

border-width ikiya za ceetawu za kai ceetawu dama bakwai:

Iya za ceetawu za ayya za kai ceetawu, za ayya za kai ceetawu dama (px, pt, cm, em) ko iya zai kai dama maa uwar da ceetawu uwar da girmi: thin, medium ko thick:

مثال

karakarawa ceetawu dama:

p.one {
  border-style: solid;
  ceetawu: 5px;
}
p.two {
  border-style: solid;
  ceetawu: girmi;
}
p.three {
  nurceetawu: tafara;
  ceetawu: 2px;
} 
p.four {
  nurceetawu: tafara;
  ceetawu: girmi;
}

matan:

5px ceetawu

girmi ceetawu

2px ceetawu

girmi ceetawu

آزمایش کنید

پهنای سمت خاص

border-width حصیت می‌تواند یک تا چهار مقدار را تنظیم کند (برای بالا، سمت راست، پایین و سمت چپ استفاده می‌شود):

مثال

p.one {
  border-style: solid;
  border-width: 5px 20px; /* بالا و پایین 5px، دیگر 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* بالا و پایین 20px، دیگر 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* بالا 25px، سمت راست 10px، پایین 4px، سمت چپ 35px */
}

آزمایش کنید