এই দুটি সিএসএস বৈশিষ্ট্যের মধ্যে কোনও পার্থক্য রয়েছে :
background: none;
background: transparent;
- তারা উভয় বৈধ?
- কোনটি ব্যবহার করা উচিত এবং কেন?
এই দুটি সিএসএস বৈশিষ্ট্যের মধ্যে কোনও পার্থক্য রয়েছে :
background: none;
background: transparent;
উত্তর:
তাদের মধ্যে কোনও পার্থক্য নেই।
আপনি যদি অর্ধ-ডজন বৈশিষ্ট্যের যে backgroundকোনওটির জন্য একটি সংক্ষিপ্ত বিবরণ নির্দিষ্ট না করেন , তবে এটি তার ডিফল্ট মানতে সেট করা আছে। noneএবং transparentডিফল্ট হয়।
এক স্পষ্টভাবে সেট করে background-imageকরতে noneএবং পরোক্ষভাবে সেট করে background-colorকরতে transparent। অন্যটি অন্যদিকে।
transparentএবং none।
@ কুইন্টিন উত্তরের অ্যাডিশনাল তথ্য হিসাবে এবং তিনি যথাযথভাবে বলেছেন যে
backgroundসিএসএস সম্পত্তি নিজেই এটির জন্য একটি সংক্ষিপ্ত বিবরণ:
background-color
background-image
background-repeat
background-attachment
background-position
এর অর্থ, আপনি সমস্ত স্টাইলকে একটিতে গ্রুপ করতে পারেন, যেমন:
background: red url(../img.jpg) 0 0 no-repeat fixed;এটি হবে (এই উদাহরণে):
background-color: red;
background-image: url(../img.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0 0;
সুতরাং ... আপনি যখন সেট করবেন: background:none;
আপনি বলছেন যে সমস্ত পটভূমি বৈশিষ্ট্য কোনওটির জন্য সেট করা নেই ...
আপনি তা background-image: none;এবং অন্যান্য সমস্ত initialরাজ্যে বলছেন (যেহেতু তারা ঘোষণা করা হচ্ছে না)।
সুতরাং, background:none;হয়:
background-color: initial;
background-image: none;
background-repeat: initial;
background-attachment: initial;
background-position: initial;
এখন, যখন আপনি কেবল রঙটি নির্দিষ্ট করেন (আপনার ক্ষেত্রে transparent) তখন আপনি মূলত:
background-color: transparent;
background-image: initial;
background-repeat: initial;
background-attachment: initial;
background-position: initial;
আমি পুনরাবৃত্তি করেছি, যেমন @ কুইন্টিন ঠিক বলেছেন যে এই ক্ষেত্রে মান default transparentএবং noneমান একই, তাই আপনার উদাহরণে এবং আপনার মূল প্রশ্নের জন্য, না, তাদের মধ্যে কোনও পার্থক্য নেই।
তবে! .. যদি আপনি background:noneভীস বলেন background:redতবে হ্যাঁ ... একটি বড় দ্বিধা আছে, আমি যেমন বলেছি প্রথমটি সমস্ত সম্পত্তি none/defaultএবং দ্বিতীয়টিতে সেট করবে, কেবল colorতার defaultরাজ্যে পরিবর্তন করবে এবং বাকী থাকবে ।
সংক্ষিপ্ত উত্তর : না, মোটেও কোনও পার্থক্য নেই (আপনার উদাহরণ এবং মূল প্রশ্নে)
দীর্ঘ উত্তর : হ্যাঁ, একটি বড় পার্থক্য রয়েছে, তবে এটি গুণকে দেওয়া বৈশিষ্ট্যের উপর সরাসরি নির্ভর করে।
default)প্রাথমিক মান তার দীর্ঘস্থায়ী বৈশিষ্ট্যের প্রাথমিক মানগুলির সংক্ষিপ্তকরণ:
background-image: none
background-position: 0% 0%
background-size: auto auto
background-repeat: repeat
background-origin: padding-box
background-style: is itself a shorthand, its initial value is the concatenation of its own longhand properties
background-clip: border-box
background-color: transparent
backgroundবিবরণ এখানে দেখুনআপডেট 2: আরও ভাল background:none;স্পেসিফিকেশন স্পষ্ট করুন ।
consoleএই ডেমো jsfiddle.net/dnzy2/6
অন্যান্য উত্তরগুলির পরিপূরক হিসাবে: আপনি যদি কোনও ব্যাকগ্রাউন্ডের বৈশিষ্ট্যগুলি তাদের প্রাথমিক মানগুলিতে পুনরায় সেট করতে চান (যার মধ্যে রয়েছে background-color: transparentএবং background-image: none) যেমন কোনও মান যেমন transparentবা নির্দিষ্টভাবে উল্লেখ না করে বা noneলিখেছেন, আপনি লিখে লিখে এটি করতে পারেন:
background: initial;
background-color: transparent; background-image: none;। কোনও ব্যবহারকারী স্টাইলশীট সেই মানগুলির একটি বা উভয়কেই ওভাররাইড করতে পারে তবে এটি ঠিক এমনভাবে করবে যেমনbackground-color: transparent; background-image: none;স্পষ্টভাবে লেখা হয়েছিল।