Topics :

रविवार, जुलाई 15, 2012

Home » , » CSS-3 यानि कि Cascading Style Sheet

CSS-3 यानि कि Cascading Style Sheet

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 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>

क्या आपको ये आई-मैजिक अंदाज़ पसंद आया ? यदि हां !!! तो अपने विचारों से अवगत कराएं |

"टिप्स हिन्दी में ब्लॉग" की हर नई जानकारी अपने मेल-बॉक्स में मुफ्त पाएं ! Save as PDF

Share this post :

6 टिप्‍पणियां:

Vaneet Nagpal
  1. वनित भाई ,आपके द्वारा दी जाने वाली जानकारियां कुछ हट कर ही होती हैं.मेरी तरफ से आपको बधाई.

    मोहब्बत नामा
    मास्टर्स टेक टिप्स

    उत्तर देंहटाएं
  2. सर स्टोन कैप्चर से युआरएल कैसे प्राप्‍त होगा आपकी लिखित पोस्‍ट भी पढी उसमे इसका वर्णन नही है काफी ध्‍यान किया समझ मे नही अया तथा मेरे ब्‍लाग मे पोस्‍ट मे ि‍लखते समय फोन्‍ट थोडा छोटा हे बढा करने के ि‍लये क्‍या कोड देखना पडेगा बताये
    यूनिक तकनीकी ब्लाग

    उत्तर देंहटाएं
    उत्तर
    1. स्टोन कैप्चर से आप अपनी पसंद अनुसार किसी भी चित्र का आकार अपनी पसंद अनुसार कम करके बिना किसी सोफ्टवेयर की सहायता के इसे अपने कंप्यूटर में स्टोर कर सकते हैं | मैंने अपनी पोस्ट में ये कहीं भी नहीं कहा कि इस से आप यु.आर.एल प्राप्त कर सकते हैं | किसी भी चित्र का यु.आर.एल प्राप्त करने के लिए आपको वो चित्र नेट पर किसी न किसी वेबसाईट पर अपलोड करना पडेगा | वैसे आपका ब्लॉग खुल नहीं पा रहा |

      हटाएं

आपकी टिप्पणी मेरे लिए मेरे लिए "अमोल" होंगी | आपके नकारत्मक व सकारत्मक विचारों का स्वागत किया जायेगा | अभद्र व बिना नाम वाली टिप्पणी को प्रकाशित नहीं किया जायेगा | इसके साथ ही किसी भी पोस्ट को बहस का विषय न बनाएं | बहस के लिए प्राप्त टिप्पणियाँ हटा दी जाएँगी |