HTML DOM Element style বৈশিষ্ট্য

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

style প্রত্যাহার করে এলিমেন্টের style বৈশিষ্ট্যের মান যা CSSStyleDeclaration অবজেক্ট

CSSStyleDeclaration অবজেক্ট এলিমেন্টের সমস্ত ইনলাইন স্টাইল বৈশিষ্ট্যকে সমাবেশ করে। এটি <head> কোনো অংশ বা কোনো বাহ্যিক স্টাইল টেবিলে সংযোজিত কোনো স্টাইল বৈশিষ্ট্য

বিষয় 1

এইভাবে সাইটের সাথে সাথে কোনো বৈশিষ্ট্যকে সংযোজন করা যাবে না:

element.style = "color:red";

এইভাবে এসব CSS বৈশিষ্ট্যকে ব্যবহার করতে হবে:

element.style.backgroundColor = "red";

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

বিষয় 2

JavaScript গ্রামাটিক এবং CSS গ্রামাটিক কিছুটা ভিন্ন

backgroundColor / background-color

আমাদের সম্পূর্ণ Style অবজেক্ট পর্যালোচনা পুস্তক。

বিষয় 3

এই style বৈশিষ্ট্যটি ব্যবহার করুন setAttribute() পদ্ধতিstyle বৈশিষ্ট্যের অন্যান্য বৈশিষ্ট্যগুলি অবরূপ করতে পারলে তা রক্ষা করতে পারে

অন্যান্য উল্লেখ:

CSS শিক্ষাক্রম

CSS রেফারেন্স ম্যানুয়েল

Style অবজেক্ট

HTML <style> ট্যাগ

উদাহরণ

উদাহরণ 1

"myH1"-র রঙ পরিবর্তন করুন:

document.getElementById("myH1").style.color = "red";

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

উদাহরণ 2

"myP"-র উপরসীমার মান উদ্ধার করুন:

let value = document.getElementById("myP").style.borderTop;

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

গ্রামাটিক

style বৈশিষ্ট্য ফলাফল উদ্ধার করুন

element.style.property

style বৈশিষ্ট্য সংযোজন:

element.style.property = value

বৈশিষ্ট্য মান

মান বর্ণনা
value

বৈশিষ্ট্যের মান নির্দিষ্ট করুন

যেমন:

element.style.borderBottom = "2px solid red"

ফলাফল

ধরন বর্ণনা
অবজেক্ট এলিমেন্টের CSSStyleDeclaration অবজেক্ট

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

element.style এটি DOM Level 2 (2001) বৈশিষ্ট্য।

সমস্ত ব্রাউজার এটির সম্পূর্ণভাবে সমর্থন করেছে:

চ্রোম আইই এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম আইই এজ ফায়ারফক্স স্যাফারি অপেরা
সমর্থন 9-11 সমর্থন সমর্থন সমর্থন সমর্থন