CSS border-width এটিভি

বিবরণ ও ব্যবহার

border-width সংক্ষিপ্ত এটিবিউট ইলিউমেন্টের সকল বর্তমান সীমান্ত প্রস্থ নির্ধারণ করে বা প্রত্যেক বর্তমান সীমান্তকে সম্ভবত নির্ধারণ করে。

যখন বর্তমান সীমান্ত শৈলী none না হলেই এটি কার্যকর হয়।যদি বর্তমান সীমান্ত শৈলী none হয়, তবে বর্তমান সীমান্ত প্রস্থ বাস্তবিকভাবে 0 হবে।নেগাটিভ লংথ নির্দিষ্ট করা যাবে না。

উদাহরণ 1

border-width:thin medium thick 10px;
  • উপরদিকের বর্তমান সীমান্ত সূক্ষ্ম
  • ডানদিকের বর্তমান সীমান্ত মাঝারি
  • নীচের বর্তমান সীমান্ত বড়
  • বামদিকের বর্তমান সীমান্ত 10px প্রস্থ

উদাহরণ 2

border-width:thin medium thick;
  • উপরদিকের বর্তমান সীমান্ত 10px
  • ডানদিকের ও বামদিকের বর্তমান সীমান্ত মাঝারি
  • নীচের বর্তমান সীমান্ত বড়

উদাহরণ 3

border-width:thin medium;
  • উপরদিকের ও নীচের বর্তমান সীমান্ত সূক্ষ্ম
  • ডানদিকের ও বামদিকের বর্তমান সীমান্ত মাঝারি

উদাহরণ 4

border-width:thin;
  • সকল 4টি বর্তমান সীমান্ত সূক্ষ্ম

উদাহরণ

চারটি বর্তমান সীমান্ত প্রস্থ নির্ধারণ করুন:

p
  {
  border-style:solid;
  border-width:15px;
  }

আপনার হাতে পরীক্ষা করুন

CSS সিন্ট্যাক্স

border-width: medium|thin|thick|length|initial|inherit;

এটিবিউট মান

মান বর্ণনা
সূক্ষ্ম বর্তমান সীমান্ত নির্দেশ করুন。 thin
medium ডিফল্ট।মাঝারি বর্তমান সীমান্ত নির্দেশ করুন。
thick বড় বর্তমান সীমান্ত নির্দেশ করুন。
length আপনাকে বর্তমান সীমান্ত প্রস্থ স্বনির্বাচিত করতে দেয়。
inherit বর্তমান সীমান্ত পিতৃ ইলিউমেন্ট থেকে উত্তরসূরী হবে。

আরও উদাহরণ

সকল বর্তমান সীমান্ত একই ঘোষণাতে
এই উদাহরণ সকল বর্তমান সীমান্ত প্রস্থকে একই ঘোষণাতে সংযোজন করতে সংক্ষিপ্ত এটিবিউট ব্যবহার করে দেখায়。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: medium
উত্তরসূরীতা: no
সংস্করণ: CSS1
JavaScript সিন্ট্যাক্স： object.style.borderWidth="thin thick"

ব্রাউজার সমর্থন

টেবিলের সংখ্যাগুলি এই এটিবিউট পূর্ণ সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে।

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

আরও দেখুন：

CSS টিউটোরিয়াল：CSS কিনারা

HTML DOM রেফারেন্স ম্যানুয়াল：borderWidth এটিবিউট