Style background 属性

定义和用法

background 属性以简写形式设置或返回最多八个单独的背景属性。

通过此属性，您可以设置/返回以下一项或多项（以任意顺序）：

DOM 属性 CSS 属性
backgroundAttachment background-attachment
backgroundClip background-clip
backgroundColor background-color
backgroundImage background-image
backgroundOrigin background-origin
backgroundPosition background-position
backgroundRepeat background-repeat
backgroundSize background-size

উপরের বৈশিষ্ট্যগুলিকেও একক শৈলী বৈশিষ্ট্য দ্বারা সেট করা যেতে পারে। নিম্নক্রমের লেখকদের জন্য একক বৈশিষ্ট্যকে ব্যবহার করা আহ্বান করা হয়, যাতে উচ্চতর নিয়ন্ত্রণ পাওয়া যায়。

আরও দেখুন:

CSS শিক্ষাক্রম:CSS পিছন্দিক

CSS3 শিক্ষাক্রম:CSS3 ব্যাকগ্রাউন্ড

CSS সংক্ষিপ্ত পঞ্জীকরণ:background বৈশিষ্ট্য

উদাহরণ

ডকুমেন্টের ব্যাকগ্রাউন্ডের শৈলী সেট করুন:

document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right top";

আপনার নিজেই চেষ্টা করুন

পানের নিচে আরও TIY উদাহরণ আছে。

সংজ্ঞা

background বৈশিষ্ট্য ফেরত দিন

object.style.background

background বৈশিষ্ট্য সেট করুন:

object.style.background = "color image repeat attachment position size origin clip|initial|inherit"

প্রতিভূত মান

মান বর্ণনা
color ইলিমেন্টের ব্যাকগ্রাউন্ড রঙ সেট করুন。
image ইলিমেন্টের ব্যাকগ্রাউন্ড ইমেজ সেট করুন。
repeat ব্যাকগ্রাউন্ড ইমেজের পুনরাবৃত্তির পদ্ধতি সেট করুন。
attachment ব্যাকগ্রাউন্ড ইমেজকে স্থির কিংবা পৃষ্ঠার সাথে সরানো করা হবে কিনা তা সেট করুন。
position ব্যাকগ্রাউন্ড ইমেজের শুরু স্থান সেট করুন。
size ব্যাকগ্রাউন্ড ইমেজের মাপ সেট করুন。
origin ব্যাকগ্রাউন্ড লোকেশন এরিয়া সেট করুন。
clip ব্যাকগ্রাউন্ড ইমেজের ড্রাইনিং এরিয়া সেট করুন。
initial এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে ন্যায়িত্ব করুন। দেখুন initial.
inherit এই বৈশিষ্ট্যটি পিতৃ ইলিমেন্ট থেকে উত্তরণ করুন। দেখুন inherit.

তকনীকী বিবরণ

ডিফল্ট মান: transparent none repeat scroll 0% 0% auto padding-box border-box
ফলাফল: স্ট্রিং, যা ইলিমেন্টের ব্যাকগ্রাউন্ডকে উল্লেখ করে。
CSS সংস্করণ: CSS1 + CSS3-এর নতুন বৈশিষ্ট্য

আরও উদাহরণ

উদাহরণ 2

ডিভ ইলিমেন্টের ব্যাকগ্রাউন্ড পরিবর্তন করুন:

document.getElementById("myDIV").style.background = "url('smiley.gif') blue repeat-x center";

আপনার নিজেই চেষ্টা করুন

উদাহরণ 3

ডকুমেন্টের ব্যাকগ্রাউন্ড রঙ সেট করুন

document.body.style.backgroundColor = "red";

আপনার নিজেই চেষ্টা করুন

উদাহরণ 4

ডকুমেন্টের ব্যাকগ্রাউন্ড চিত্র সেট করুন

document.body.style.backgroundImage = "url('img_tree.png')";

আপনার নিজেই চেষ্টা করুন

উদাহরণ 5

ব্যাকগ্রাউন্ড চিত্রকে অপুনরাবৃত্ত হিসাবে সেট করুন

document.body.style.backgroundRepeat = "repeat-y";

আপনার নিজেই চেষ্টা করুন

উদাহরণ 6

ব্যাকগ্রাউন্ড চিত্রকে স্থির (সরবরাহিত না) হিসাবে সেট করুন

document.body.style.backgroundAttachment = "fixed";

আপনার নিজেই চেষ্টা করুন

উদাহরণ 7

ব্যাকগ্রাউন্ড চিত্রের স্থান পরিবর্তন করুন

document.body.style.backgroundPosition = "top right";

আপনার নিজেই চেষ্টা করুন

উদাহরণ 8

ডকুমেন্টের ব্যাকগ্রাউন্ড অ্যাট্রিবিউট মান ফিরানো

document.body.style.background;

আপনার নিজেই চেষ্টা করুন

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

background এটা CSS1 (1996) এর বৈশিষ্ট্য

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

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

মন্তব্য

CSS3 (1999) একটি নতুন তিনটি অ্যাট্রিবিউট যোগ করেছে: