Style borderWidth এক্সিফিক্ট

সংজ্ঞা ও ব্যবহার

borderWidth এই বৈশিষ্ট্যটি এলিমেন্টের কিনারার চাপার পক্ষে নিয়ন্ত্রণ করে।

এই বৈশিষ্ট্যটি এক থেকে চারটি মান নিতে পারে:

  • একটি মান, যেমন: p {border-width: thick} - সব চারটি কিনারা বড়
  • দুটি মান, যেমন: p {border-width: thick thin} - উপর-নীচ হুকি বড়, বাম-ডান হুকি সস্তা
  • তিনটি মান, যেমন: p {border-width: thick thin medium} - উপরের হুকি বড়, ডান-বাম হুকি সস্তা, নীচের হুকি মাঝারি
  • চারটি মান, যেমন: p {border-width: thick thin medium 10px} - উপরের হুকি বড়, ডানদিকের হুকি সস্তা, নীচের হুকি মাঝারি, বামদিকের হুকি 10px

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

CSS শিক্ষাক্রম:CSS বর্তন

CSS পরিচ্ছেদক:border-width বৈশিষ্ট্য

HTML DOM পরিচ্ছেদক:border বৈশিষ্ট্য

উদাহরণ

উদাহরণ 1

চারটি হুকির প্রশস্ততা পরিবর্তন করুন:

document.getElementById("myDiv").style.borderWidth = "thick";

স্বয়ং প্রয়াস করুন

উদাহরণ 2

চারটি হুকির প্রশস্ততা পরিবর্তন করে <div> উপাদানের উপর-নীচ হুকির বড় এবং বাম-ডান হুকির সস্তা করুন:

document.getElementById("myDiv").style.borderWidth = "thick thin";

স্বয়ং প্রয়াস করুন

উদাহরণ 3

চারটি হুকির প্রশস্ততা পরিবর্তন করে <div> উপাদানের জন্য:

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";

স্বয়ং প্রয়াস করুন

উদাহরণ 4

ফিরিয়ে দিন <div> উপাদানের হুকির প্রশস্ততা:

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

স্বয়ং প্রয়াস করুন

সংজ্ঞা

borderWidth বৈশিষ্ট্য ফিরিয়ে দিন:

object.style.borderWidth

borderWidth বৈশিষ্ট্য সংযোজন করুন:

object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
মান বর্ণনা
thin সবচেয়ে সস্তা হুকির নির্দেশ করুন。
medium মাঝারি হুকির নির্দেশ করুন। ডিফল্ট。
thick বড় হুকির নির্দেশ করুন。
length দৈর্ঘ্যের অনুযায়ী হুকির প্রশস্ততা。
initial এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে নিন। দেখুন initial。
inherit এই বৈশিষ্ট্যটি তার পিতৃ উপাদান থেকে উত্তরণ করুন। দেখুন inherit。

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

ডিফল্ট মানঃ medium
ফলাফলঃ শব্দসূচক, যা উপাদানের হুকির প্রশস্ততা নির্দেশ করে。
CSS সংস্করণঃ CSS1

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

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন