স্টাইলসমূহ বৈশিষ্ট্যটির boxShadow

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

boxShadow বৈশিষ্ট্যটি ফ্লেক্স বক্সের প্রদর্শন (drop-shadow) নির্ধারণ করে।

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

CSS উপস্থাপনা হান্ডবুক:box-shadow 属性

উদাহরণ

div উপাদানের জন্য box-shadow যোগ করুন:

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";

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

বিন্যাস

boxShadow বৈশিষ্ট্য ফলাফল:

object.style.boxShadow

boxShadow বৈশিষ্ট্য নির্ধারণ:

object.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"

মন্তব্য:boxShadow বৈশিষ্ট্যটি ফ্লেক্স বক্সে একটি বা একাধিক শুষ্ক কোণ যোগ করে। প্রত্যেক শুষ্ক কোণকে কমা দিয়ে যুক্ত শুষ্ক কোণের 2-4টি দৈর্ঘ্য মান, নির্বাচিত রঙ এবং নির্বাচিত inset কীওয়ার্ড দিয়ে নির্ধারণ করা হয়। দৈর্ঘ্য মানটি যদি সংক্ষেপ করা হয়, তবে তা 0 হবে。

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

মূল্য বর্ণনা
none ডিফল্ট মান। শুষ্ক কোণ প্রদর্শিত হবে না。
h-shadow প্রয়োজনীয়। অনুস্বার্থীক শুষ্ক কোণের অবস্থান। নেতিবাচক মান অনুমোদিত
v-shadow প্রয়োজনীয়। সাপ্তাহিক শুষ্ক কোণের অবস্থান। নেতিবাচক মান অনুমোদিত
blur বাধ্যতাহীন। ভুল দূরত্ব
spread বাধ্যতাহীন। শুষ্ক কোণের মাপ
color

বাধ্যতাহীন। শুষ্ক কোণের রঙ। ডিফল্ট মান হল কালো রঙ。

দেখুন CSS রঙের মানসম্ভাব্য রঙের মূল্যের পূর্ণ তালিকা পাওয়ার জন্য

পদার্থ:Safari (পিসিতে) এcolor প্রায়োজনীয় প্রমাণ্য মান। যদি রঙ নির্ধারণ না হয়, তবে শুষ্ক কোণটি প্রদর্শিত হবে না。
inset বাধ্যতাহীন। বাহ্যিক শুষ্ক কোণটিকে (outset) অভ্যন্তরীণ শুষ্ক কোণে (inset) রূপান্তর করুন。
initial এই বৈশিষ্ট্যটির ডিফল্ট মান নির্ধারণ করুন। দেখুন initial。
inherit এই বৈশিষ্ট্যটি পিতৃ উপাদান থেকে উত্তরণ করা হয়। দেখুন inherit。

কারিগরি বিবরণ

ডিফল্ট মান: কিছুই নেই
ফলাফল: শব্দসূচক স্বরূপ, যা উপাদানটির box-shadow 属性。
CSS সংস্করণ: CSS3

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

চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন 9.0 সমর্থন 5.1 সমর্থন