CSS-3 यानि कि Cascading Style Sheet
CSS-3 यानि Cascading Style Sheet आज से कुछ पोस्ट इसी विषय पर लिखे जायेंगे |
| Property | Browser Support | ||||
| border-radius |  |
 |
 |
 |
 |
| box-shadow | |
|
|
|
|
| border-image |  |
 |
 |
 |
 |
नोट : इन्टरनेट एक्सप्लोरर का पुराना वर्जन इसका समर्थन नहीं करता है |
Internet Explorer 9 supports two of the new border properties.
Firefox requires the prefix -moz- for border-image.
Chrome and Safari requires the prefix -webkit- for border-image.
Opera requires the prefix -o- for border-image.
Opera supports the new border properties.
अब दाईं तरफ दिखाई दे रहे चित्र को ध्यान से देखें | इस छोटे से चित्र को कैसे किसी भी तस्वीर के बार्डर के रूप में प्रयोग किया जा सकता है | नीचे आप इस के चार उदाहरण देख सकते हैं :-
नंबर-1 : यहाँ पर उपरोक्त तस्वीर को रिपीट कर के बार्डर को चारों तरफ से भरा गया है |
नंबर-2 : टिप्स हिंदी में
नंबर-3 : टिप्स हिंदी में
नंबर-4 : टिप्स हिंदी में
यदि आप इस कोड को अपने ब्लॉग पर स्थापित करना चाहते हैं तो निम्न बटन पर कलिक करें |
अब आप जानेगे के इस प्रकार के बार्डर का प्रयोग अपने ब्लॉग के किसी भी पोस्ट पर कैसे किया जाये ?
<div style="font-size:17px;color:#9E072D;text-align:justify;" class="tborder round">नंबर-1 : प्रकार के बार्डर के लिए : यहाँ पर आप अपनी पोस्ट के अंश लिखेंगे |</div>
अब आप जानेगे के इस प्रकार के बार्डर का प्रयोग अपने ब्लॉग के किसी भी पोस्ट पर कैसे किया जाये ?
<div style="font-size:17px;color:#9E072D;text-align:justify;" class="tborder round">नंबर-1 : प्रकार के बार्डर के लिए : यहाँ पर आप अपनी पोस्ट के अंश लिखेंगे |</div>
<div style="font-size:17px;color:#9E072D;text-align:justify;" class="tborder stretch">नंबर-2 : प्रकार के बार्डर के लिए : यहाँ पर आप अपनी पोस्ट के अंश लिखेंगे |</div>
<div style="font-size:17px;color:#9E072D;text-align:justify;" class="tborder stretch-1">नंबर-3 : प्रकार के बार्डर के लिए : यहाँ पर आप अपनी पोस्ट के अंश लिखेंगे |</div>
<div style="font-size:17px;color:#9E072D;text-align:justify;" class="tborder stretch-2">नंबर-4 : प्रकार के बार्डर के लिए : यहाँ पर आप अपनी पोस्ट के अंश लिखेंगे |</div>
क्या आपको ये आई-मैजिक अंदाज़ पसंद आया ? यदि हां !!! तो अपने विचारों से अवगत कराएं |
 |
Subscribe in a reader
बहुत उम्दा!
जवाब देंहटाएंनयी जानकारी के लिये धन्यवाद
जवाब देंहटाएंयुनिक ब्लाaग ----- फेसबुक टाईमलाईन
वनित भाई ,आपके द्वारा दी जाने वाली जानकारियां कुछ हट कर ही होती हैं.मेरी तरफ से आपको बधाई.
जवाब देंहटाएंमोहब्बत नामा
मास्टर्स टेक टिप्स
सर स्टोन कैप्चर से युआरएल कैसे प्राप्त होगा आपकी लिखित पोस्ट भी पढी उसमे इसका वर्णन नही है काफी ध्यान किया समझ मे नही अया तथा मेरे ब्लाग मे पोस्ट मे िलखते समय फोन्ट थोडा छोटा हे बढा करने के िलये क्या कोड देखना पडेगा बताये
जवाब देंहटाएंयूनिक तकनीकी ब्लाग
स्टोन कैप्चर से आप अपनी पसंद अनुसार किसी भी चित्र का आकार अपनी पसंद अनुसार कम करके बिना किसी सोफ्टवेयर की सहायता के इसे अपने कंप्यूटर में स्टोर कर सकते हैं | मैंने अपनी पोस्ट में ये कहीं भी नहीं कहा कि इस से आप यु.आर.एल प्राप्त कर सकते हैं | किसी भी चित्र का यु.आर.एल प्राप्त करने के लिए आपको वो चित्र नेट पर किसी न किसी वेबसाईट पर अपलोड करना पडेगा | वैसे आपका ब्लॉग खुल नहीं पा रहा |
हटाएंबहूत अच्छा
जवाब देंहटाएंछात्रों के लिए सीएसएस HTML कोड
जवाब देंहटाएंइसकी मूल स्थिति से ऑफसेट