বৈশিষ্ট্য border-width
বৈশিষ্ট্য border-width একই সাথে সব দিকের বা আলাদাভাবে প্রতিটি দিকের সীমানার বেধ নির্ধারণ করে। এটি একটি সংক্ষিপ্ত রূপের বৈশিষ্ট্য
border-left-width,
border-right-width,
border-top-width,
border-bottom-width এর জন্য।
বৈশিষ্ট্যের মান হতে পারে শতকরা হার ছাড়া যেকোনো আকারের একক, অথবা কীওয়ার্ড
thin (2 পিক্সেলের সীমানা),
medium (4 পিক্সেলের সীমানা) বা thick
(6 পিক্সেলের সীমানা)। ডিফল্ট মান: medium।
সিনট্যাক্স
সিলেক্টর {
border-width: 1, 2, 3 বা 4 মান;
}
মানের সংখ্যা
বৈশিষ্ট্যটি 1, 2,
3 বা 4 টি মান নিতে পারে, স্পেস দ্বারা আলাদা করে উল্লেখ করতে হয়:
| সংখ্যা | বর্ণনা |
|---|---|
1 |
সব দিকের জন্য একই সাথে টাইপ। |
2 |
প্রথম মান উপরি এবং নিম্নভাগের জন্য, দ্বিতীয় - বাম এবং ডান সীমানার জন্য। |
3 |
প্রথম মান উপরি ভাগের জন্য, দ্বিতীয় - বাম এবং ডান সীমানার জন্য, তৃতীয় - নিম্নভাগের জন্য। |
4 |
প্রথম মান উপরের সীমানার জন্য, দ্বিতীয় - ডান সীমানার জন্য, তৃতীয় - নিম্ন সীমানার জন্য, চতুর্থ - বাম সীমানার জন্য। |
উদাহরণ
এক পিক্সেল বেধের একটি সীমানা নির্ধারণ করি:
<div id="elem"></div>
#elem {
border-width: 1px;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ
4 পিক্সেল বেধের একটি সীমানা নির্ধারণ করি:
<div id="elem"></div>
#elem {
border-width: 4px;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ
উপরি এবং নিম্ন সীমানার বেধ নির্ধারণ করি
1px, এবং ডান ও বাম সীমানার বেধ 4px:
<div id="elem"></div>
#elem {
border-width: 1px 4px;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ
উপরি সীমানার বেধ নির্ধারণ করি 1px,
ডান ও বাম সীমানার বেধ 4px, এবং নিম্ন সীমানার বেধ
6px:
<div id="elem"></div>
#elem {
border-width: 1px 4px 6px;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ
উপরি সীমানার বেধ নির্ধারণ করি 1px,
ডান সীমানার বেধ 4px, নিম্ন সীমানার বেধ - 6px,
এবং বাম সীমানার বেধ 8px:
<div id="elem"></div>
#elem {
border-width: 1px 4px 6px 8px;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ
কীওয়ার্ড thin দিয়ে সীমানার বেধ নির্ধারণ করি:
<div id="elem"></div>
#elem {
border-width: thin;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ
কীওয়ার্ড medium দিয়ে সীমানার বেধ নির্ধারণ করি:
<div id="elem"></div>
#elem {
border-width: medium;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ
কীওয়ার্ড thick দিয়ে সীমানার বেধ নির্ধারণ করি:
<div id="elem"></div>
#elem {
border-width: thick;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
:
উদাহরণ
বিভিন্ন দিকের জন্য বিভিন্ন সীমানা নির্ধারণ করি:
<div id="elem"></div>
#elem {
border-width: 1px 2px 3px 4px;
border-style: dashed dotted solid double;
border-color: red blue green black;
width: 300px;
height: 100px;
}
:
আরও দেখুন
-
বৈশিষ্ট্য
border-style,
যা সীমানার চেহারা নির্ধারণ করে -
বৈশিষ্ট্য
border-color,
যা সীমানার রং নির্ধারণ করে -
বৈশিষ্ট্য
border,
যা সীমানার জন্য একটি সংক্ষিপ্ত রূপের বৈশিষ্ট্য
