CSS background-repeat প্রোপার্টি

পরিবর্তন ও ব্যবহার

background-repeat পটভিত্তি ছবি পুনরায় প্রকাশ করা হবে কিনা এবং কিভাবে

ডিফল্টভাবে, পটভিত্তি ছবি হলবার এবং উপরের দিকে পুনরায় প্রকাশ করা হবে

বিস্তারিত ব্যাখ্যা

background-repeat অপার্টি ছবির টাইলিং মডেল নির্ধারণ করে

পুনরায় প্রকাশ করা হবে, এবং পুনরায় প্রকাশ করা হবে background-image পরিবর্তন করা হয়, এবং background-position এর মান পরিবর্তন করা হয়

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

CSS শিক্ষাক্রম:CSS পিন্ডবগড়

CSS পরিসংখ্যান হান্ডবুক:background-position অপার্টি

HTML DOM পরিসংখ্যান হান্ডবুক:backgroundRepeat অপার্টি

উদাহরণ

body
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

স্বয়ং প্রয়োগ করুন

সুঝানা ও মন্তব্য

সুঝানা:পটভিত্তি ছবির অবস্থান background-position অপার্টির দ্বারা নির্ধারিত হয়।যদি background-position অপার্টি নির্ধারিত না হয়, তবে ছবি এলিমেন্টের ডানদিকের উপর দিকে স্থাপন করা হবে。

CSS গ্রামার

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

অপার্টি মান

অপার্টি মান

মান বর্ণনা
repeat ডিফল্ট।পটভিত্তি ছবি উপরের এবং হলবার দিকে পুনরায় প্রকাশ করা হবে。
repeat-x পটভিত্তি ছবি হলবার দিকে পুনরায় প্রকাশ করা হবে。
repeat-y পটভিত্তি ছবি উপরের দিকে পুনরায় প্রকাশ করা হবে。
no-repeat পটভিত্তি ছবি শুধুমাত্র একবার দেখানো হবে。
inherit প্রতিবেদন করা হয় যে, background-repeat অপার্টির সংস্থানটি পিতৃ এলিমেন্ট থেকে উত্তরসূরী হবে。

টেকনিক্যাল বিবরণ

ডিফল্ট মান: repeat
পুনর্বহূক্তি: না
সংস্করণ: CSS1
জেভাস্ক্রিপ্ট গ্রামার: অবজেক্ট.style.backgroundRepeat="repeat-y"

আরও উদাহরণ

কিভাবে উপরের পটভিত্তি ছবি পুনরায় প্রকাশ করা হয়
এই উদাহরণ দেখিয়ে দেয় কিভাবে উপরের পটভিত্তি ছবি পুনরায় প্রকাশ করা হয়。
কিভাবে হলবার পটভিত্তি ছবি পুনরায় প্রকাশ করা হয়
এই উদাহরণ দেখিয়ে দেয় কিভাবে হলবার পটভিত্তি ছবি পুনরায় প্রকাশ করা হয়。
কিভাবে শুধুমাত্র একবার পটভিত্তি ছবি দেখানো হয়
এই উদাহরণ দেখিয়ে দেয় কিভাবে শুধুমাত্র একবার পটভিত্তি ছবি দেখানো হয়。

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

টেবিলের সংখ্যাগুলি প্রথম সম্পূর্ণ সমর্থনকারী ব্রাউজার সংস্করণটি উল্লেখ করে।

চ্রোম এজ ফায়ারফক্স সাফারি অপেরা
চ্রোম আইই / এজ ফায়ারফক্স সাফারি অপেরা
1.0 4.0 1.0 1.0 3.5