जवाबों:
उनमें कोई अंतर नहीं है।
यदि आप उन आधा दर्जन संपत्तियों में से किसी के लिए एक मूल्य निर्दिष्ट नहीं करते हैं background
, जो उसके लिए शॉर्टहैंड है, तो यह उसके डिफ़ॉल्ट मान पर सेट है। none
और transparent
चूक हैं।
एक स्पष्ट रूप से सेट करता background-image
है none
और अंतर्निहित रूप से सेट करता background-color
है transparent
। दूसरा दूसरा रास्ता है।
transparent
और none
।
@Quentin के उत्तर के बारे में जानकारी के अनुसार , और जैसा कि वह सही कहता है,
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;
मैं दोहराता हूं, जैसा कि @Quentin सही कहता है default
transparent
और इस मामले मेंnone
मूल्य समान हैं, इसलिए आपके उदाहरण में और आपके मूल प्रश्न के लिए, नहीं, उनके बीच कोई अंतर नहीं है।
लेकिन! .. अगर आप background:none
Vs Vs background:red
हाँ कहते हैं ... एक बड़ा अंतर है, जैसा कि मैं कहता हूं, पहला सभी गुणों को सेट करेगा none/default
और दूसरा, केवल बदलेगा color
और बाकी की default
स्थिति में रहेगा ।
संक्षिप्त उत्तर : नहीं, इसमें कोई अंतर नहीं है (आपके उदाहरण और मूल प्रश्न में)
दीर्घ उत्तर : हां, एक बड़ा अंतर है, लेकिन विशेषता के लिए दिए गए गुणों पर सीधे निर्भर करता है।
default
)प्रारंभिक मूल्य इसके longhand गुणों के प्रारंभिक मूल्यों के संघनन:
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;
स्पष्ट रूप से लिखा गया हो।