Style borderStyle এটি

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

borderStyle এই এটি একটি এলিমেন্টের ঘিরের শৈলী সেট করা অথবা ফিরিয়ে দিত

এই এটি এক থেকে চারটি মূল্য নিত

  • একটি মূল্য, যেমন: p {border-style: solid} - চারটি ঘিরেই সত্ত্বা লাইন
  • দুটি মূল্য, যেমন: p {border-style: solid dotted} - উপরের ও নিচের ঘিরে সত্ত্বা লাইন, ডানদিক ও বামদিকের ঘিরে হলুদ লাইন
  • তিনটি মূল্য, যেমন: p {border-style: solid dotted double} - উপরের ঘিরে সত্ত্বা লাইন, ডানদিক ও বামদিকের ঘিরে হলুদ লাইন, নিচের ঘিরে দ্বিগুণ লাইন
  • চারটি মূল্য, যেমন: p {border-style: solid dotted double dashed} - উপরের ঘিরে সত্ত্বা লাইন, ডানদিকের ঘিরে হলুদ লাইন, নিচের ঘিরে দ্বিগুণ লাইন, বামদিকের ঘিরে হলুদ লাইন

অন্যান্য দেখুন:

CSS টুটোৰিয়াল：CSS বর্তন

CSS ৰেফারেন্স ম্যানুৱেল：border-style এটি

HTML DOM ৰেফারেন্স ম্যানুৱেল：border প্রয়োগ

প্রকাশ

উদাহরণ 1

<div> এলিমেন্টের জন্য সমগ্র হোল যোগ করুন:

document.getElementById("myDiv").style.borderStyle = "solid";

স্বয়ং প্রয়োগ করুন

উদাহরণ 2

চেঞ্জ <div> এলিমেন্টের চারটি হোলের স্টাইল:

document.getElementById("myDiv").style.borderStyle = "dotted solid double dashed";

স্বয়ং প্রয়োগ করুন

উদাহরণ 3

ফলাফল: <div> এলিমেন্টের হোল স্টাইল:

alert(document.getElementById("myDiv").style.borderStyle);

স্বয়ং প্রয়োগ করুন

উদাহরণ 4

সমস্ত ভিন্ন মানের প্রদর্শন:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue;

স্বয়ং প্রয়োগ করুন

সংজ্ঞা

borderStyle প্রয়োগকে ফিরিয়ে দিন:

object.style.borderStyle

borderStyle প্রয়োগকে সংযোজিত করুন:

object.style.borderStyle = value
মান বর্ণনা
none হোল নেই। ডিফল্ট
hidden এটা "none"-এর সমান, কিন্তু টেবিল এলিমেন্টের হোল সংঘাত সমাধানের সময় ব্যবহৃত হয় না
dotted ডটড হোল নির্ধারণ করুন
dashed দ্বৈত হোল নির্ধারণ করুন
solid সমগ্র হোল নির্ধারণ করুন
double দুই হোল নির্ধারণ করুন। দুই হোলের প্রশস্ততা border-width এর মানের সমান
groove 3D groove হোল বর্ণান্তর নির্ধারণ করুন। প্রভাব border-color এর মান
ridge 3D ridge হোল বর্ণান্তর নির্ধারণ করুন। প্রভাব border-color এর মান
inset 3D inset হোল বর্ণান্তর নির্ধারণ করুন। প্রভাব border-color এর মান
outset 3D outset হোল বর্ণান্তর নির্ধারণ করুন। প্রভাব border-color এর মানের ওপর নির্ভর করে।
initial এই প্রয়োগকে এক্স ডিফল্ট মানে নিয়ে যান। দেখুন initial。
inherit এই প্রয়োগকে পিতৃ উপাদান থেকে উত্তরাধিকার নেয়। দেখুন inherit。

টেকনিক্যাল বিবরণ

ডিফল্ট মান: কিছুই নেই
ফলাফল: শব্দ, যা উপাদানের হোল স্টাইলকে প্রতিনিধিত্ব করে。
CSS সংস্করণ: CSS1

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন