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

Question

সিএসএসে তার ধারকটি পূরণ করার জন্য প্রসারিত বা স্কেল করার জন্য কোনও পটভূমি পাওয়ার কী উপায় আছে?

Answer 1

আধুনিক ব্রাউজারগুলির জন্য, আপনি এটি ব্যবহার করে এটি সম্পাদন করতে পারেন background-size:

body {
    background-image: url(bg.jpg);
    background-size: cover;
}

cover মানে চিত্রটি উল্লম্ব বা অনুভূমিকভাবে প্রসারিত করা যাতে এটি কখনও টাইলস / পুনরাবৃত্তি হয় না।

এটি সাফারি 3 (বা তার পরে), ক্রোম, অপেরা 10+, ফায়ারফক্স 3.6+ এবং ইন্টারনেট এক্সপ্লোরার 9 (বা পরবর্তী) এর জন্য কাজ করবে।

এটি ইন্টারনেট এক্সপ্লোরারের নিম্ন ভার্শনের সাথে কাজ করার জন্য, এই সিএসএস ব্যবহার করে দেখুন:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";

Comments

ক্লিমেন্ট করার জন্য: আপনি পূর্ববর্তী আইই এর ফিল্টারগুলির জন্য যা পরামর্শ দেন তা কেবলমাত্র আংশিকভাবে কাজ করে। এটি চিত্রের প্রস্থকে স্কেল করে ঠিক আছে তবে উচ্চতার স্কেলিংটি কোনও কিছুতেই সীমাবদ্ধ না রেখে ভুল হয়ে যায়। পৃষ্ঠার উচ্চতর পটভূমি চিত্রটি হল .. = (আমি এটি88 এ চেষ্টা করেছি। এবং এছাড়াও, এটি কোনওভাবেই এই 'কভার' কমান্ডগুলি ব্যবহার এবং আইফোনের মতো মোবাইলের সাথে এই সামঞ্জস্যপূর্ণ হতে পারে? আমি জানি ভিউপোর্ট রয়েছে সমস্যা আছে তবে পুরো পর্দায় ভিউপোর্টটি এমনভাবে স্কেল করা সম্ভব হতে পারে যে পটভূমি এখানে ছোট করে দেওয়া হয়েছে ?? প্রতিক্রিয়াগুলির জন্য ধন্যবাদ!

আইই-নির্দিষ্ট ফিল্টারগুলি আদর্শ সমাধান নয় তাই আইএসএসের জন্য সিএসএস বিকল্পের সাথে শর্ত মুক্ত মনে করুন। আমি ব্যক্তিগতভাবে আমার নিজের সাইটে CSS3 "কভার" ব্যবহার করি এবং এটি আইওএস ডিভাইসগুলিতে দুর্দান্ত কাজ করে, কেবলমাত্র ডিভাইসের প্রস্থ নির্ধারণ করতে ভুলবেন না sure

— ক্লিমেন্ট

কভার বিজি প্রসারিত না। 100% 100% হ্যাঁ।

— নিওসউফ

এই সমাধানগুলি আমার পক্ষে সবচেয়ে ভাল কাজ করেছে যেখানে আমি চিত্রটির আসল রেজোলিউশনের চেয়ে অনুভূমিকভাবে বা উল্লম্বভাবে বেশি প্রসারিত করতে চাই না। ধন্যবাদ .. !!

— মিঃ নডি

এনবি: ক্রোমিয়াম 78.0.3904.97 হিসাবে, প্রতিটি অক্ষের সাথে স্বতন্ত্রভাবে এসভিজি চিত্রগুলি স্কেল করা সম্ভব নয়। আপনাকে এটিকে স্কেল করতে এবং এটিকে একটি রাস্টার চিত্রে রূপান্তর করতে হতে পারে।

— মাইক 21

Answer 2

সিএসএস 3 সম্পত্তি ব্যবহার করুন background-size:

#my_container {
    background-size: 100% auto; /* width and height, can be %, px or whatever. */
}

এটি ২০১২ সাল থেকে আধুনিক ব্রাউজারগুলির জন্য উপলব্ধ।

Comments

চিত্রটির দিক অনুপাত সংরক্ষণ করতে আপনার "পটভূমি-আকার: কভার" ব্যবহার করা উচিত; বা "ব্যাকগ্রাউন্ড-আকার: ধারণ করা;" আমি একটি পলিফিল তৈরি করেছি যা IE8- এ এই মানগুলিকে কার্যকর করে: github.com/louisremi/background-size-polyfill

— লুই-

আমি জানি এটি এক বছরের পুরনো তবে আমাকে (হাসি এবং) 'শালীন ব্রাউজারগুলি' অংশের সাথে একমত হতে হবে। আপনার সমস্ত ব্রাউজার চেক করুন তবে IE এর সাথে আমার যে কোনওটির চেয়ে বেশি সমস্যা রয়েছে।

— এরোকএম

যদি আমি background-size: 100% 100%;অন্য যে কোনও ব্যক্তিকে সহায়তা করে তবে আমি যে কাঙ্ক্ষিত প্রভাবটি যাচ্ছি তা পেতে আমাকে সেট করতে হয়েছিল।

— গুয়ানোম

এমডিএন এর ব্যাখ্যা coverএবংcontain

— মোসাস

এটি আসলে কাজ করে না। প্রশ্নটি পাত্রে পূরণ করার অর্থ যার অর্থ আমরা এটি প্রসারিত করতে চাই যাতে এটি পুনরাবৃত্তি না করে। অন্যদিকে এই উত্তরটি উচ্চতাটি অঞ্চলটি coverেকে না রাখলে উচ্চতার দিকে পুনরাবৃত্তি করবে। "স্ট্রেচ টু ফিল" অর্থ আপনার প্রসারিত হওয়া যাতে এটি পুনরাবৃত্তি না করে। সঠিক উত্তরটি নীচে থেকে "কভার"। এটি আসলে কেস পরিচালনা করে যা এটি করে না।

— gman

Answer 3

সিএসএসের সাহায্যে একটি চিত্র স্কেলিং যথেষ্ট সম্ভব নয়, তবে নিম্নলিখিত পদ্ধতিতে অনুরূপ প্রভাব অর্জন করা যেতে পারে।

এই মার্কআপটি ব্যবহার করুন:

<div id="background">
    <img src="img.jpg" class="stretch" alt="" />
</div>

নিম্নলিখিত সিএসএস সহ:

#background {
    width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: 0;
}

.stretch {
    width:100%;
    height:100%;
}

এবং আপনি করা উচিত!

চিত্রটিকে "সম্পূর্ণ রক্তপাত" হতে এবং স্কেল অনুপাত বজায় রাখার জন্য, আপনি পরিবর্তে এটি করতে পারেন:

.stretch { min-width:100%; min-height:100%; width:auto; height:auto; }

এটি বেশ সুন্দরভাবে কাজ করে! যদি একটি মাত্রা ক্রপ করা হয় তবে তা উভয় পক্ষের (এবং কেন্দ্রিক) সমানভাবে ছাঁটাইয়ের পরিবর্তে চিত্রের কেবল একদিকেই কাটা হবে। আমি এটি ফায়ারফক্স, ওয়েবকিট এবং ইন্টারনেট এক্সপ্লোরার 8 এ পরীক্ষা করেছি ।

Comments

এটি ভালভাবে কাজ করে ... তবে কিছুটা বেশি শক্তিশালী (সম্ভবত জাভাস্ক্রিপ্ট সহ) সন্ধান করছিল যা এটি কেন্দ্র করে এবং যদি চিত্র ল্যান্ডস্কেপ বা প্রতিকৃতি হয় তবে এর ভিত্তিতে সামঞ্জস্য হয়। যদি এই শিরাতে কারওর সমাধান হয় তবে একটি লিঙ্ক ভাল লাগবে ... ধন্যবাদ!

— ব্রায়ান আর্মস্ট্রং 19

অন্য কারও যদি আগ্রহী হয় তবে এটি ভালভাবে কাজ করেছে বলে মনে হয়েছে: buildinternet.com/project/supersized

— ব্রায়ান আর্মস্ট্রং

অনুভূমিক কেন্দ্রিং margin: 0 autoচালু করা যায় .stretch। কেবল widthবা সেট করে height, দিক অনুপাত একই থাকে। জুম-ফ্যাক্টরটি ব্যবহার max-widthএবং max-heightসীমাবদ্ধ করার চেষ্টা করুন ...

— রোনাল্ড

এটি আমার জন্য IE8 / ie9 এ কাজ করে না, তবে ie6 / ie7 (এবং অবশ্যই সমস্ত ব্রাউজারগুলিতে) কাজ করে। Ie8 / ie9 এ চিত্রটি প্রায় 3/4 ডিভের জন্য প্রদর্শিত হয়। কারও কি একই সমস্যা আছে?

এসও এর সাথে একটি ত্রুটি: উত্তরগুলি চিহ্নিত করার উপায় নেই যা আর সঠিক নয়, যা @ উল্লাসের মতো লোককে বিপথে পরিচালিত করে। সমস্ত আধুনিক ব্রাউজারে ব্যাকগ্রাউন্ড স্কেল করা সহজ। বিকাশকারী.মুজিলা.আর.এন

— গ্লেন মেইনার্ড

Answer 4

CSS3 এ ব্যাকগ্রাউন্ড-আকারের বৈশিষ্ট্যটি ব্যবহার করুন :

.class {
     background-image: url(bg.gif);
     background-size: 100%;
}

সম্পাদনা: আধুনিকীকরণ ব্যাকগ্রাউন্ড-আকারের সমর্থন সনাক্তকরণকে সমর্থন করে । আপনি কাজ করার জন্য লিখিত একটি জাভাস্ক্রিপ্ট ওয়ার্কারআউন্ড ব্যবহার করতে পারেন তবে আপনার এটি প্রয়োজন এবং কোনও সমর্থন না থাকলে এটি গতিশীলভাবে লোড করতে পারেন। এটি নির্দিষ্ট ব্রাউজারগুলির জন্য অনুপ্রবেশকারী সিএসএস হ্যাককে অবলম্বন না করে কোডটিকে বজায় রাখতে সক্ষম রাখবে।

ব্যক্তিগতভাবে আমি jQuery ব্যবহার করে এটি মোকাবেলার জন্য একটি স্ক্রিপ্ট ব্যবহার করি এটি এর ইমগাইজারের একটি অভিযোজন । বেশিরভাগ ডিজাইন হিসাবে আমি এখন ডিভাইসগুলিতে তরল বিন্যাসগুলির জন্য প্রস্থের% এর ব্যবহার করি যে কোনও একটি লুপের সাথে সামান্য অভিযোজন রয়েছে (সর্বদা 100% নয় এমন আকারের অ্যাকাউন্টিং):

for (var i = 0; i < images.length; i++) {
    var image = images[i],
        width = String(image.currentStyle.width);

    if (width.indexOf('%') == -1) {
        continue;
    }

    image.origWidth = image.offsetWidth;
    image.origHeight = image.offsetHeight;

    imgCache.push(image);
    c.ieAlpha(image);
    image.style.width = width;
}

সম্পাদনা: আপনি jQuery CSS3 ফাইনালিজ [গুলি] এর সাথেও আগ্রহী হতে পারেন ।

Comments

কেবল জোর দেওয়ার জন্য, মডার্নিজার ব্রাউজারগুলিতে পটভূমির আকারের জন্য সমর্থন সক্ষম করে না যা স্থানীয়ভাবে এটি সমর্থন করে না। এটির জন্য এটির জন্য কেবল একটি সুবিধাজনক ক্রস-ব্রাউজার পরীক্ষা রয়েছে। পরীক্ষাটি মিথ্যা হলে এটি জাল করার বিষয়টি আপনার হাতে।

— ক্রিস মোসচিনি

Answer 5

নিবন্ধের পটভূমি-আকার চেষ্টা করে দেখুন । আপনি নীচের সমস্তগুলি ব্যবহার করলে এটি ইন্টারনেট এক্সপ্লোরার ব্যতীত বেশিরভাগ ব্রাউজারে কাজ করবে।

.foo {
    background-image: url(bg-image.png);
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%;
} 

Comments

ধন্যবাদ! এটি "ব্যাকগ্রাউন্ড-আকার: প্রচ্ছদ"

— পাভেল ভ্লাসভ

এটি আইপ্যাডে আমার জন্য প্রসারিত, কিন্তু স্কেল হয়নি। পোস্ট করার জন্য THX।

— ডন কোট

এটিকে পটভূমিকে সঙ্কুচিত করার জন্য দুর্দান্ত। ধন্যবাদ!

— bealealex

যদি পটভূমি চিত্রটি একটি এসভিজি হয় preserveAspectRatio="none"তবে এসভিজির মধ্যেও এটি নির্দিষ্ট করা দরকার। এখানে এই সম্পর্কে আরও তথ্য । এখানে ডেমো ।

— মানসিকবিদ

আপনি ব্যাকগ্রাউন্ড-আকার ব্যবহার করতে পারেন: কভার; পটভূমি-সংযুক্তি: স্থির; আপনি এটি স্কেল করতে পারেন

— সিরাজ আহমেদ

Answer 6

এখন না. এটি সিএসএস 3 এ উপলব্ধ হবে তবে বেশিরভাগ ব্রাউজারে এটি প্রয়োগ না হওয়া পর্যন্ত কিছুটা সময় লাগবে।

Comments

একটি তালিকা ছাড়াও দুর্দান্ত নিবন্ধ উপলভ্য: সেই পটভূমিটি সুপারিশ করুন, দয়া করে!

— jensgram

-1 আমি মনে করি না যে এই উত্তরটি খুব প্রাসঙ্গিক ... এবং এটি কোনও ধরণের সমাধান দেয় না ।

— পুথেরকা

@ পুথারকা এই উত্তরটি তখন সঠিক ছিল (প্রায় ৩ বছর আগে)।

— ইরান গাল্পেরিন

তারিখটি দেখানোর একটি কারণ রয়েছে। এটি historicalতিহাসিক রেফারেন্সের জন্য রাখা উচিত। আপনি কি সাইটে পুরানো সমস্ত উত্তর দিয়ে যাচ্ছেন এবং সেগুলি নীচে রেখেছেন? এর পরে আরও তথ্য যুক্ত করা হলেও উত্তরটি এখনও সঠিক। এছাড়াও নোট করুন যে এখানে অন্যান্য উত্তরগুলি মূলত একই রকম (এবং কিছু সত্যই ভুল - তারা বলে যে এটি অসম্ভব)। এতে আপনার কিছুটা ভোট রয়েছে বলে আমি আপনার এই অনুভূতিটি পেয়েছি।

— ইরান গাল্পেরিন

না, আমি এটিকে বেছে নিয়েছি কারণ এটি সমস্ত কিছু করে "কম্পিউটার বলে না" বলে যদিও ২০০৮ সালে ফিরেও এই সমস্যার বেশ কয়েকটি সমাধান রয়েছে ;-)

— পোর্তেরকা

Answer 7

.style1 {
        background: url(images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

কাজের ভিতর:

• সাফারি 3+
• ক্রোম যাই হোক না কেন +
• আইই 9+
• অপেরা 10+ (অপেরা 9.5 সমর্থিত ব্যাকগ্রাউন্ড-আকার তবে কীওয়ার্ড নয়)
• ফায়ারফক্স ৩.6++ (ফায়ারফক্স 4 নন-বিক্রেতা প্রিফিক্সড সংস্করণ সমর্থন করে)

উপরন্তু আপনি একটি ie সমাধানের জন্য এটি চেষ্টা করতে পারেন

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
    zoom:1;

ক্রিস কোয়ার এই নিবন্ধটির ক্রেডিট http://css-tricks.com/perfect-full-page-background-image/

Comments

এটি "ব্যাকগ্রাউন্ড-সাইজ: কভার" এর চেয়ে কীভাবে ভাল বা আলাদা?

— পিকেহান্টার

@ পি কেহান্টার, আপনি ঠিক কী মন্তব্য করছেন তা নিশ্চিত নন। এটি background-size: coverব্রাউজারের উপসর্গ এবং একটি IE সমাধান ব্যতীত ব্যবহার করছে

— ব্লুসি

Answer 8

এক কথায়: না। কোনও ছবি প্রসারিত করার একমাত্র উপায় <img>ট্যাগ সহ। আপনি সৃজনশীল হতে হবে।

উত্তরটি যখন লেখা হয়েছিল তখন এটি সত্য হয়েছিল be বর্তমানে আধুনিক ব্রাউজারগুলি সমর্থন করে background-sizeযা এই সমস্যার সমাধান করে। সাবধান হন যে আইই 8 এটি সমর্থন করে না।

Comments

নিবন্ধ উত্তরের তারিখটি পরীক্ষা করে দেখুন। গত 5 বছরে ব্রাউজারের ল্যান্ডস্কেপ কিছুটা বদলেছে।

— ভিলাক্স-

Answer 9

"প্রসারিত এবং স্কেল" সংজ্ঞায়িত করুন ...

আপনি যদি একটি বিটম্যাপ ফর্ম্যাট পেয়ে থাকেন তবে এটিকে প্রসারিত করে এটিকে টানতে সাধারণত গ্রাফিকালি বলা ভাল হয় না। একই প্রভাবটির মায়া দিতে আপনি পুনরাবৃত্তযোগ্য নিদর্শনগুলি ব্যবহার করতে পারেন। উদাহরণস্বরূপ, যদি আপনার এমন গ্রেডিয়েন্ট থাকে যা পৃষ্ঠার নীচের দিকে হালকা হয়ে যায়, তবে আপনি এমন একটি গ্রাফিক ব্যবহার করবেন যা আপনার পাত্রে একই পিক্সেল প্রশস্ত এবং একই উচ্চতা আপনার ধারক হিসাবে (বা স্কেলিংয়ের জন্য অ্যাকাউন্টের তুলনায় বেশি বড়) এবং তারপরে এটি টাইল করুন পাতা। তেমনিভাবে, গ্রেডিয়েন্টটি যদি পৃষ্ঠাটি জুড়ে চলে যায় তবে এটি আপনার ধারক থেকে এক পিক্সেল উচ্চ এবং প্রশস্ত হবে এবং পৃষ্ঠাটি পুনরাবৃত্তি করবে।

সাধারণত ধারকটি বড় হয়ে যাওয়ার বা সঙ্কুচিত হওয়ার সময় ধারকটি পূরণ করার জন্য এটির বিভ্রম দেওয়ার জন্য, আপনি চিত্রটি ধারকের চেয়ে বড় করে তোলেন। কোনও ওভারল্যাপ ধারকটির সীমানার বাইরে প্রদর্শিত হবে না।

আপনি যদি এমন কোনও প্রভাব চান যা বাঁকানো প্রান্তের বাক্সের মতো কোনও কিছুর উপর নির্ভর করে, তবে আপনি আপনার বাক্সের বাম দিকে আপনার ধারকটির বাম দিকে যথেষ্ট পরিমাণে ওভারল্যাপ দিয়ে আটকে থাকবেন যে (কারণের মধ্যে) যতই বড় কনটেইনার হোক না কেন, এটি কখনই নয় ব্যাকগ্রাউন্ডের বাইরে চলে যায় এবং তারপরে আপনি বাক্সের প্রান্তযুক্ত বাক্সের ডান পাশের একটি চিত্র স্থাপন করুন এবং এটি ধারকটির ডানদিকে স্থাপন করুন। সুতরাং ধারকটি সঙ্কুচিত বা বাড়ার সাথে সাথে বাঁকা বাক্সের প্রভাবটি সঙ্কুচিত হবে বা এর সাথে বেড়ে উঠবে - এটি বাস্তবে নয়, তবে এটি মায়া দেয় যা ঘটছে।

চিত্রটি সংকুচিত করার সাথে সাথে ধারকটি দিয়ে বেড়ে ওঠার জন্য, চিত্রটি পটভূমির সাথে কাজ করে এবং কিছু জাভাস্ক্রিপ্ট কনটেইনারটির সাথে এটি আকার পরিবর্তন করতে আপনাকে কিছু লেয়ারিং কৌশল ব্যবহার করতে হবে। সিএসএস দিয়ে এটি করার কোনও বর্তমান উপায় নেই ...

আপনি যদি ভেক্টর গ্রাফিক্স ব্যবহার করে থাকেন তবে আমার দক্ষতার ক্ষেত্রের বাইরে আপনি ভয় পাচ্ছেন।

Comments

প্রসারিত = পরিবর্তন x এবং y মাত্রা স্বতন্ত্রভাবে চিত্রের দিক রেশন পরিবর্তন করে, স্কেল = চেঞ্জ x এবং y মাত্রা আনুপাতিকভাবে চিত্রের দিক অনুপাত বজায় রাখে।

— লরেন্স ডল

@ সফটওয়্যারমোনকি: ব্যাকগ্রাউন্ড হিসাবে তবে না, আপনি স্ট্রেস এবং স্কেলটি স্ট্রেস সিএসএসের সত্যিকার অর্থে পরিবর্তন করতে পারবেন না। আপনার বর্ণনানুভূতির জন্য আপনাকে বিভিন্ন সিএসএস ট্রিকস ব্যবহার করতে হবে যে আমি যা বলেছি তা ঘটছে।

— বেনআলাবাস্টার

Answer 10

এটি আমি এটি তৈরি করেছি। প্রসারিত ক্লাসে, আমি কেবল উচ্চতা পরিবর্তন করেছি auto। এইভাবে আপনার পটভূমির চিত্র সর্বদা পর্দার প্রস্থের মতো একই আকার পেয়েছে এবং উচ্চতা সবসময়ই সঠিক আকারের হবে।

#background {
    width: 100%;
    height: 100%;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    z-index: 0;
}

.stretch {
    width:100%;
    height:auto;
}

Answer 11

একটি background-attachmentলাইন যুক্ত করুন:

#background {
    background-attachment:fixed;
    width: 100%; 
    height: 100%; 
    position: absolute; 
    margin-left: 0px; 
    margin-top: 0px; 
    z-index: 0;
}

.stretch {
    width:100%;
    height:auto;
}

Answer 12

আমি এটি উল্লেখ করতে চাই যে এটি করা সমান:

html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; /* Add background image or gradient to stretch here. */}

Answer 13

এর আর একটি দুর্দান্ত সমাধান হ'ল শ্রোবিনের ব্যাক স্ট্রেচ যা দেহে বা পৃষ্ঠার যে কোনও উপাদান প্রয়োগ করা যেতে পারে - http://srobbin.com/jquery-plugins/backstretch/

Comments

নিক, আমরা সাধারণত জিজ্ঞাসা করি যে আপনি আপনার উত্তরে প্রধান অংশগুলি সরবরাহ করুন এবং কেবলমাত্র আরও বিশদ জন্য একটি বাহ্যিক লিঙ্ক সরবরাহ করুন - এটি উত্তরগুলি লিংক-রোটের ক্ষেত্রে কার্যকর রাখতে সহায়তা করে।

— লরেন্স ডল

আমার খারাপ সাধারণভাবে বলতে গেলে, আপনি আপনার নথির <হেড> এ ব্যাক স্ট্র্যাচ যুক্ত করুন এবং এর পরে আরম্ভ করুন: $ ("। আপনার উপাদান") back

— নিকফ

Answer 14

এটা চেষ্টা কর

http://jsfiddle.net/5LZ55/4/

body
{ 
    background: url(http://p1.pichost.me/i/40/1639647.jpg) no-repeat fixed; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

Answer 15

সলডস্পিলের প্রতারণার জন্য অতিরিক্ত পরামর্শ হ'ল প্রস্থ নির্ধারণ করে এবং উচ্চতার জন্য অটো ব্যবহার করে স্কেল করা (আনুপাতিক পুনরায় আকার নির্ধারণ)।

উদা:

#background {
    width: 500px;
    height: auto;
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: 0;
}

Answer 16

border-image : yourimageআপনার চিত্রটি সেট করতে সম্পত্তিটিকে ব্যবহার করুন এবং এটি আপনার স্ক্রিন বা উইন্ডোর পুরো সীমানা পর্যন্ত স্কেল করুন।