W3.CSS टेक्स्ट
पाठ्य संरेखण
पाठ को संरेखित करने के लिए w3- बाएँ-संरेखण और w3-दाएँ-संरेखण वर्गों का उपयोग किया जाता है।
बाएं संरेखित पाठ।
सही संरेखित पाठ।
उदाहरण
<div class="w3-container w3-border w3-large">
<div
class="w3-left-align"><p>Left aligned text.</p></div>
<div
class="w3-right-align"><p>Right aligned text.</p></div>
</div>
तत्वों को केंद्रित करना
तत्वों को केंद्र-संरेखित करने के लिए w3- केंद्र वर्ग का उपयोग किया जाता है :
केंद्रित सामग्री
कुछ केंद्रित पाठ।
उदाहरण
<div class="w3-container w3-center">
<h2>Centered Content</h2>
<img src="img_car.jpg" alt="car" style="width:80%;max-width:320px">
<p>Some centered text.</p>
</div>
विस्तृत पाठ
W3- चौड़ा वर्ग एक व्यापक पाठ निर्दिष्ट करता है:
यह पाठ सामान्य है।
यह पाठ व्यापक है।
उदाहरण
<p class="w3-wide">The w3-wide class specifies a wider text.</p>
पाठ अस्पष्टता
W3- अस्पष्टता वर्ग को सभी रंगों के साथ काम करने के लिए डिज़ाइन किया गया है:
पाठ अस्पष्टता
पाठ अस्पष्टता
पाठ अस्पष्टता
पाठ अस्पष्टता
उदाहरण
<div class="w3-panel w3-pink">
<h2 class="w3-opacity">Text Opacity</h2>
</div>
पाठ की छाया
CSS3 टेक्स्ट-शैडो प्रॉपर्टी का इस्तेमाल टेक्स्ट में शैडो या ब्लर इफेक्ट जोड़ने के लिए किया जा सकता है:
पाठ की छाया
पाठ की छाया
पाठ की छाया
पाठ की छाया
उदाहरण
<h2
class="w3-blue" style="text-shadow:1px 1px 0 #444">Text Shadow</h2>
विशेष प्रभाव
टेक्स्ट अपारदर्शिता + बोल्ड
पीला पाठ + छाया + बोल्ड
ऑरेंज टेक्स्ट + शैडो + बोल्ड
उदाहरण
<div class="w3-panel w3-pink">
<h1 class="w3-opacity">
<b>Text Opacity + Bold</b></h1>
</div>
<div class="w3-panel w3-amber">
<h1 class="w3-text-yellow"
style="text-shadow:1px 1px 0 #444">
<b>Yellow Text + Shadow + Bold</b></h1>
</div>
<div class="w3-panel w3-blue">
<h1 class="w3-text-orange"
style="text-shadow:1px 1px 0 #444">
<b>Orange Text + Shadow + Bold</b></h1>
</div>
टेक्स्ट शैडो IE 9 और इससे पहले के संस्करणों में काम नहीं करता है।