पैराग्राफ सेटिंग के 10 तरीके

आज की पोस्ट में आपके लिए पेश है पैराग्राफ सेटिंग के 10 तरीके उदाहरण निम्न चित्र में देख सकते हैं |

1. ब्राउज़र डिफाल्ट स्टाइल

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

2. बाईं तरफ अलाईन किया गया पैराग्राफ

इस प्रकार के पैराग्राफ में टेक्स्ट को बाईं तरफ से अलाईन किया जाता है जैसे की आप एम.एस.वर्ड या पेजमेकर में करते हैं | यदि आप अपनी पोस्ट कम्पोज मोड में लिखते हैं तो आप ये जानते ही होंगे कि आप लेफ्ट अलाईन बटन पर क्लिक करके ऐसा करते है | एडिट मोड में आप CSS कोड द्वारा ऐसा कर सकते हैं | कोड का आप निम्न अवलोकन कर सकते हैं |

p.ptext {
font-size: 1em;
line-height: 1.25em;
margin: 1.25em 0;
text-align: left;
}

इस प्रकार से CSS कोड लिखने के बाद आप आप अपनी पोस्ट एडिट मोड में निम्न प्रकार से लिखेंगे |

<p class="ptext">
कोड लिखने के बाद आप आप अपनी पोस्ट एडिट मोड में इस प्रकार से लिखेंगे |
</p>

उपरोक्त कोड में जहाँ पर 1em लिखा है, का मतलब है कि आप के पैराग्राफ में 16px साईज का प्रयोग हो रहा है |

3. राईट अलाईन किया गया पैराग्राफ

इस प्रकार के पैराग्राफ में टेक्स्ट को दाईं तरफ से अलाईन किया जाता है जैसे की आप एम.एस.वर्ड या पेजमेकर में करते हैं | यदि जब आप अपनी पोस्ट कम्पोज मोड में लिखते हैं तो आप ये जानते ही होंगे कि आप राईट अलाईन बटन पर क्लिक करके ऐसा करते है ये ग्राफिक मोड होता है | एडिट मोड में आप CSS कोड द्वारा ऐसा कर सकते हैं | कोड का आप निम्न अवलोकन कर सकते हैं |

p.ptext {
font-size: 1em;
line-height: 1.25em;
margin: 1.25em 0;
text-align: right;
}

एडिट मोड में उपरोक्त अनुसार CSS कोड की स्थापना के बाद पैराग्राफ लिखने के लिए उदाहरण नंबर दो का ही अनुसरण करें |

4. सेंटर अलाईन किया गया पैराग्राफ

इस प्रकार के पैराग्राफ में टेक्स्ट को सेंटर तरफ से अलाईन किया जाता है जैसे की आप एम.एस.वर्ड या पेजमेकर में करते हैं | यदि जब आप अपनी पोस्ट कम्पोज मोड में लिखते हैं तो आप ये जानते ही होंगे कि आप सेंटर अलाईन बटन पर क्लिक करके ऐसा करते है ये ग्राफिक मोड होता है | एडिट मोड में आप CSS कोड द्वारा ऐसा कर सकते हैं | कोड का आप निम्न अवलोकन कर सकते हैं |

p.ptext {
font-size: 1em;
line-height: 1.25em;
margin: 1.25em 0;
text-align: center;
}

एडिट मोड में उपरोक्त अनुसार CSS कोड की स्थापना के बाद पैराग्राफ लिखने के लिए उदाहरण नंबर दो का ही अनुसरण करें |

5. जस्टिफाई अलाईन किया गया पैराग्राफ

इस प्रकार के पैराग्राफ में टेक्स्ट को जब जस्टिफाई अलाईन किया जाता है जैसे की आप एम.एस.वर्ड या पेजमेकर में करते हैं | यदि जब आप अपनी पोस्ट कम्पोज मोड में लिखते हैं तो आप ये जानते ही होंगे कि आप जस्टिफाई अलाईन बटन पर क्लिक करके ऐसा करते है ये ग्राफिक मोड होता है | एडिट मोड में आप CSS कोड द्वारा ऐसा कर सकते हैं | कोड का आप निम्न अवलोकन कर सकते हैं | इस प्रकार करने से आपके पैराग्राफ के दोनों तरफ से यानि के दाई व बाई तरफ से लाइन बराबर हो जाती हैं |

p.ptext {
font-size: 1em;
line-height: 1.25em;
margin: 1.25em 0;
text-align: justify;
}

एडिट मोड में उपरोक्त अनुसार CSS कोड की स्थापना के बाद पैराग्राफ लिखने के लिए उदाहरण नंबर दो का ही अनुसरण करें |

6. 1em Indent का प्रयोग

इस प्रकार के पैराग्राफ में टेक्स्ट को जब Indent का प्रयोग किया जाता है जैसे की आप एम.एस.वर्ड या पेजमेकर में करते हैं | यदि जब आप अपनी पोस्ट कम्पोज मोड में लिखते हैं तो आप ये जानते ही होंगे कि आप Indent की सैटिंग पर क्लिक करके ऐसा करते है तो आपके प्रत्येक पैराग्राफ की पहली पंक्ति एक निश्चित स्पेस छोड़ कर शुरू होती है | आप पोस्ट में भी ऐसा कर सकते हैं | एडिट मोड में आप CSS कोड द्वारा ऐसा कर सकते हैं | कोड का आप निम्न अवलोकन कर सकते हैं | इस प्रकार का कोड लिखने से आपकी पोस्ट के प्रत्येक पैराग्राफ में हर बार ये इफेक्ट अपने आप आ जायेगा | इस पैराग्राफ में भी निम्न कोड का प्रयोग किया गया है |

.indent1 p{
line-height: 1.25em;
margin: 0.625em 0;
}
.indent1 p + p{
text-indent: 1em;
}

एडिट मोड में उपरोक्त अनुसार CSS कोड की स्थापना के बाद पैराग्राफ लिखने के लिए उदाहरण नंबर दो का ही अनुसरण करें |

7. 2em Indent का प्रयोग

इस प्रकार के पैराग्राफ में टेक्स्ट को जब Indent का प्रयोग किया जाता है जैसे की आप एम.एस.वर्ड या पेजमेकर में करते हैं | यदि जब आप अपनी पोस्ट कम्पोज मोड में लिखते हैं तो आप ये जानते ही होंगे कि आप Indent की सैटिंग पर क्लिक करके ऐसा करते है तो आपके प्रत्येक पैराग्राफ की पहली पंक्ति एक निश्चित स्पेस छोड़ कर शुरू होती है | आप पोस्ट में भी ऐसा कर सकते हैं | एडिट मोड में आप CSS कोड द्वारा ऐसा कर सकते हैं | कोड का आप निम्न अवलोकन कर सकते हैं | इस प्रकार का कोड लिखने से आपकी पोस्ट के प्रत्येक पैराग्राफ में हर बार ये इफेक्ट अपने आप आ जायेगा | इस पैराग्राफ में भी निम्न कोड का प्रयोग किया गया है |

.indent2 p{
line-height: 1.25em;
margin: 0;
}
.indent2 p + p{
text-indent: 2.5em;
}

.justify p{
text-align: justify;
}

एडिट मोड में उपरोक्त अनुसार CSS कोड की स्थापना के बाद पैराग्राफ लिखने के लिए उदाहरण नंबर दो का ही अनुसरण करें |

8. Elevated Cap का प्रयोग

इस प्रकार के पैराग्राफ में टेक्स्ट पर जब Elevated Cap का प्रयोग किया जाता है प्रत्येक पैराग्राफ की पहले शब्द एक बड़े आकार में ढल जाता है | आप अपनी पोस्ट में भी ऐसा कर सकते हैं | CSS कोड का आप निम्न अवलोकन कर सकते हैं | इस प्रकार का कोड लिखने से आपकी पोस्ट के प्रत्येक पैराग्राफ में हर बार ये इफेक्ट अपने आप आ जायेगा | इस पैराग्राफ में भी निम्न कोड का प्रयोग किया गया है |

.elevated p{
line-height: 1.25em;
margin: 0.625em 0;
text-align: justify;
}
.elevated p:first-letter{
font-size: 3.75em;
line-height: 1em;
}
.elevated p + p:first-letter{
font-size: 1em;
line-height: 1.25em;
}

एडिट मोड में उपरोक्त अनुसार CSS कोड की स्थापना के बाद पैराग्राफ लिखने के लिए उदाहरण नंबर दो का ही अनुसरण करें |

9. Drop Cap का प्रयोग

इस प्रकार के पैराग्राफ में टेक्स्ट पर जब Drop Cap का प्रयोग किया जाता है प्रत्येक पैराग्राफ की पहले शब्द एक बड़े आकार में ढल जाता है | आप अपनी पोस्ट में भी ऐसा कर सकते हैं | CSS कोड का आप निम्न अवलोकन कर सकते हैं | इस प्रकार का कोड लिखने से आपकी पोस्ट के प्रत्येक पैराग्राफ में हर बार ये इफेक्ट अपने आप आ जायेगा | इस पैराग्राफ में भी निम्न कोड का प्रयोग किया गया है |

.drop-cap p{
line-height: 1.25em;
margin: 0;
}
.drop-cap p + p{
text-indent: 2.5em
}
.drop-cap p:first-letter{
font-size: 3.5em;
line-height: 1em;
font-weight: 400;
float: left;
margin: 0 0.107em 0 0;
}
.drop-cap p:first-line{
font-weight: 800;
}
.drop-cap p + p:first-letter{
font-size: 1em;
line-height: 1.25em;
float: none;
margin: 0;
}
.drop-cap p + p:first-line{
font-weight: 400;
}

एडिट मोड में उपरोक्त अनुसार CSS कोड की स्थापना के बाद पैराग्राफ लिखने के लिए उदाहरण नंबर दो का ही अनुसरण करें |

10. Outdent Cap का प्रयोग

इस प्रकार के इफेक्ट से पैराग्राफ में पैराग्राफ का पहला शब्द एक बड़े आकार में ढल जाता है, व ये शब्द पूरे पैराग्राफ से अलग नज़र आता है | इसप्रकार के इफेक्ट का प्रयोग भी बहुत आसान है | आप अपनी पोस्ट में भी ऐसा कर सकते हैं | CSS कोड का आप निम्न अवलोकन कर सकते हैं | इस प्रकार का कोड लिखने से आपकी पोस्ट के प्रत्येक पैराग्राफ में हर बार ये इफेक्ट अपने आप आ जायेगा | इस पैराग्राफ में भी निम्न कोड का प्रयोग किया गया है |

.outdent-cap p{
line-height: 1.25em;
padding: 0 0 0 8em;
margin: 0.625em 0;
text-align: justify;
}
.outdent-cap p:first-letter{
font-size: 8em;
line-height: 1em;
font-weight: 400;
float: left;
margin: 0 0 0 -1em;
}
.outdent-cap p:first-line{
font-weight: 800;
font-variant: small-caps;
}
.outdent-cap p + p:first-letter{
font-size: 1em;
line-height: 1.25em;
float:none;
margin: 0;
}
.outdent-cap p + p:first-line{
font-weight: 400;
font-variant: normal;
}

एडिट मोड में उपरोक्त अनुसार CSS कोड की स्थापना के बाद पैराग्राफ लिखने के लिए उदाहरण नंबर दो का ही अनुसरण करें |

क्या आपको ये लेख पसंद आया ? यदि हां !!! तो टिप्पणी अवश्य दें ताकि निरंतर लिखने की चाह बनी रहे |

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