Skip to main content

सीएसएस टेक्‍स्‍ट स्‍टाइल - (CSS Text Styling)

By


पिछली पोस्‍ट में हमने अपने वेबसाइट के टेक्‍स्‍ट को विभिन्‍न स्‍टाइल में करना सीखा । कुछ और स्‍टाइलकोड यहाँ दिये जा रहे हैं जिनकी कभी कभार आवश्‍यकता पड ही जाती है । किन्‍तु जब इनकी आवश्‍यकता पडती है तो फिर इनका महत्‍व समझ में आता है । ये निम्‍नलिखित हैं -
  • अक्षरों के लिखने की दिशा परिवर्तन ।
  • अक्षरों के बीच में जगह बढाना या घटाना ।
  • पंक्तियों के बीच में जगह बढाना या घटाना ।
  • शब्‍दों के बीच में जगह बढाना या घटाना ।
  • शब्‍दों को किसी निश्चित सीमा में लपेटना ।
  • अक्षरों की छाया बनाना ।

अक्षरों का दिशा परिवर्तन (टेक्‍स्‍ट डायरेक्‍शन)
 
p{direction:rtl; unicode-bidi:bidi-override;}

परिणाम -
Css-Text-Direction

अक्षरों के बीच जगह (लेटर स्‍पेसिंग)

p{letter-spacing:5px;}
p{letter-spacing:-3px;}

परिणाम -
CSS letter Spacing

पंक्तियों की बीच जगह (लाइन स्‍पेसिंग)

p{line-height:150%;}
p{line-height:50%;}

परिणाम -
Css-Line-hight

शब्‍दों के बीच जगह (वर्ड स्‍पेसिंग)

p{word-spacing:30px;}

परिणाम -
Css-word-spacing

शब्‍दों को किसी निश्चित सीमा में न लपेटना (वर्ड रैपिंग)

p{white-space:nowrap;}

परिणाम -
Css-letter-space

अक्षरों की छाया बनाना (टेक्‍स्‍ट शैडो)

p{text-shadow:3px 3px green;}

परिणाम -
css-text-shadow


इन कोड्स को प्रयोग करने की विधि वही है । अपनी पेज के हेड सेक्‍शन के अन्‍दर स्‍टाइल टैग के अन्‍दर इसे लिखें । बॉडी टैग के अन्‍दर एक पैराग्राफ डिफाइन करें । सेव करके रन करायें । यदि समझ न आ रहा हो या कोई गडबडी लग रही हो तो कृपया यहाँ पूँछें ।
Labels:

Comments

Post a Comment

Popular posts from this blog

एजाक्‍स तकनीकि - एजाक्‍स सीखें हिन्‍दी में ।

By
एजाक्‍स कोई स्‍वतन्‍त्र तकनीकि नहीं अपितु अन्‍तर्सम्‍बन्धित तकनीकों का वर्ग है । एजाक्‍स के अन्‍तर्गत मुख्‍य रूप से निम्‍न तकनीकि (भाषाएं) रखी जा सकती हैं । एचटीएमएल सीएसएस एक्‍सएमएल जेएसऑन जावास्क्रिप्‍ट XMLHttpRequest आब्‍जेक्‍ट की प्रापर्टीज  - onReadyStateChange - जब भी रेडीस्‍टेट बदलता है तो इसे कॉल किया जाता है । इसे synchronous requests के साथ प्रयोग नहीं करना चाहिए । readyState - यह विभिन्‍न कार्यों को सम्‍पादित करने के लिये प्रयुक्‍त होता है । इसे सोपान क्रम में UNOPENED, OPENED, HEADERS_RECEIVED, LOADING, DONE तरह रखा जा सकता है । reponseText - रिस्‍पान्‍स को टेक्‍स्‍ट के रूप में प्रकट करता है । responseXML - रिस्‍पान्‍स को एक्‍सएमएल के रूप में प्रकट करता है । XMLHttpRequest आब्‍जेक्‍ट के महत्‍वपूर्ण मेथड - void open(method, URL) - अनुरोध को गेट अथवा पोस्‍ट मेथड के आधार पर दिये हुए यूआरएल को भेजता है । void open(method, URL, async) - उपयुक्‍त की ही भॉंति इसका भी कार्य है केवल asynchronous है या नहीं इसका विवरण भी देता है । void open(method, ...
27 comments
Read more

एचटीएमएल सीखें हिन्‍दी में (Learn Html in Hindi)

By
मित्रों     अबतक हमने एचटीएमएल के विभिन्‍न विभागों को सीखा । लगभग सम्‍पूर्ण एचटीएमएल ट्यूटोरियल जो कि एक शुरुआती छात्र के लिये आवश्‍यक है यहाँ पर प्रस्‍तुत किया गया है । इससे अधिक व नवीनतम अपडेट्स के विषय में जानने के लिये एचटीएमएल की मूल वेबसाइट पर जा सकते हैं । जहाँ आप सम्‍पूर्ण एचटीएमएल इसकी समस्‍त बारीकियों सहित जान पायेंगे । किन्‍तु यहाँ जितना प्रस्‍तुत किया गया है वह एक अच्‍छे वेब डेवलपर के लिये पर्याप्‍त है ।  यहाँं अबतक प्रस्‍तुत सम्‍पूर्ण एचटीएमएल ट्यूटोरियल को एकसाथ प्रस्‍तुत कर रहे हैं । जिसके लिये आपको बार-खोजना न पडे । एचटीएमएल सीखें - हिन्‍दी में ।।   एचटीएमएल संरचना । एचटीएमएल हेड सेक्‍सन (शीर्ष विभाग) ।।   ए‍चटीएमएल हेड सेक्‍सन (मेटा, लिंक, स्क्रिप्‍ट, स्‍टाइल, बेस, टाइटिल) परिचय ।   एचटीएमएल बॉडी सेक्‍सन ।। DIV एलीमेण्‍ट का प्रयोग करके वेब टेम्‍प्‍लेट बनाना DIV एलीमेण्‍ट ।।   कमेण्‍ट ।।   DIV (डीआईवी)   ID & CLASS SELECTOR (आईडी व क्‍लास सेलेक्‍टर) II   सीएसएस स्‍टाइल (CSS Style)।। ...
14 comments
Read more

सीएसएस का प्रयोग (How to Use CSS)

By
     सीएसएस का प्रयोग अत्‍यन्‍त सरल है । सीएसएस का प्रयोग आपका बहुत सारा समय व आपकी बहुत सारी मेहनत बचाने के साथ ही साथ आपके पेज को बेहतरीन सुन्‍दरता प्रदान करता है । इसके प्रयोग की तीन विधियाँ हैं । ये तीनों ही विधियाँ प्रयोज्य हैं अर्थात् इनमें से किसी भी विधि का प्रयोग आपको वांछित परिणाम प्रदान कर सकता है । सीएसएस प्रयोग विधि सीएसएस का प्रयोग निम्‍नलिखित तीन विधियों से किया जा सकता है । सीएसएस को एक अलग सीएसएस फाइल में लिखकर उसे एचटीएमएल पेज से लिंक करना । सीएसएस को एचटीएमएल पेज के हेड सेक्‍सन के अन्‍तर्गत स्‍टाइल टैग के अन्‍दर लिखना । सीएसएस को किसी भी टैग या एलीमेण्‍ट के अन्‍दर सीधे लिखना । सीएसएस का बाह्य प्रयोग -       सीएसएस को बाहर से लिंक करना सबसे बेहतरीन तरीका है । इस तरीके से आपकी कोडिंग फाइल बहुत बोझिल और बडी होने से बच जाती है । यदि हमें एक बहुत सारे ब्‍लाक्‍स का पेज बनाना है और हम हर ब्‍लाक को अलग अलग रंगों व तरीकों से सजाते हैं तो निश्चित ही हमारे पेज की कोडिंग फाइल बहुत बडी हो जायेगी जिसे सुधार कर...
3 comments
Read more