CSS ব্যাকগ্রাউন্ড সংক্ষিপ্ত

CSS background - সংক্ষিপ্ত প্রতীক

কোডটিকে স্কোপ করতে, একটি অ্যাট্রিবিউটে সকল ব্যাকগ্রাউন্ড অ্যাট্রিবিউটকে সেট করতে পারেন। এটা সংক্ষিপ্ত প্রতীক বলা হয়。

এমনকি একইভাবে লিখতে পারেন:

body {
  background-color: #ffffff;
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

আপনি সংক্ষিপ্ত প্রতীক ব্যবহার করে background:

উদাহরণ

সংক্ষিপ্ত প্রতীক ব্যবহার করে একটি বিবৃতিতে ব্যাকগ্রাউন্ড অ্যাট্রিবিউটকে সেট করুন:

body {
  background: #ffffff url("tree.png") no-repeat right top;
}

আপনি নিজেই প্রয়োগ করুন

সংক্ষিপ্ত প্রতীক ব্যবহার করার সময়, অ্যাট্রিবিউট মানের ক্রমবর্ধমান সারি হবে:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

একটি অ্যাট্রিবিউট মিথ্যা থাকলেও কোনো সমস্যা নেই, আপনি অন্যান্য মান এই ক্রমে সেট করুন। মনে রাখুন যে, উপরোক্ত উদাহরণে আমরা background-attachment অ্যাট্রিবিউট ব্যবহার করছি না, কারণ তার কোনো মান নেই。

সকল CSS ব্যাকগ্রাউন্ড অ্যাট্রিবিউট

অ্যাট্রিবিউট বর্ণনা
background একটি বিবৃতিতে সকল ব্যাকগ্রাউন্ড অ্যাট্রিবিউটকে সেট করার সংক্ষিপ্ত প্রতীক
background-attachment ব্যাকগ্রাউন্ড-ইমেজকে স্থির কিংবা পৃষ্ঠার অন্যান্য অংশের সাথে সরানো কিনা তা সেট করুন
background-clip ব্যাকগ্রাউন্ড-ক্লিপপিং এলাকা নির্ধারণ করুন
background-color এলাকার ব্যাকগ্রাউন্ড-কালার সেট করুন
background-image এলাকার ব্যাকগ্রাউন্ড-ইমেজ সেট করুন
background-origin ব্যাকগ্রাউন্ড-পোজিশন
background-position ব্যাকগ্রাউন্ড ইমেজের শুরুতের স্থান নির্ধারণ করে
background-repeat ব্যাকগ্রাউন্ড ইমেজটি কিভাবে এবং কতবার পুনরাবৃত্তি করা হবে নির্ধারণ করে
background-size ব্যাকগ্রাউন্ড ইমেজের মাপ নির্ধারণ করে