W3.CSS संदर्भ
W3.CSS क्लासेस
| कक्षा |
को परिभाषित करता है |
|
| w3-कंटेनर |
16px बाएँ और दाएँ पैडिंग वाला HTML कंटेनर |
|
| |
हेडर के रूप में उपयोग किया जाता है |
|
| |
पाद लेख के रूप में उपयोग किया जाता है |
|
| w3-पैनल |
16px बाएँ और दाएँ पैडिंग और 16px ऊपर और नीचे मार्जिन के साथ HTML कंटेनर |
|
| |
नोट प्रदर्शित करने के लिए प्रयुक्त |
|
| |
एक उद्धरण प्रदर्शित करने के लिए प्रयुक्त |
|
| w3-बैज |
वृत्ताकार बैज |
|
| w3 दिन |
आयताकार टैग |
|
| w3-उल |
अव्यवस्थित सूची |
|
| w3-डिस्प्ले-कंटेनर |
W3-डिस्प्ले- वर्गों के लिए कंटेनर (कंटेनर के अंदर तत्वों की स्थिति को सक्षम करता है) |
|
| w3-ब्लॉक |
वह वर्ग जिसका उपयोग किसी भी तत्व की पूर्ण चौड़ाई को परिभाषित करने के लिए किया जा सकता है |
|
| w3-कोड |
कोड कंटेनर |
|
| w3-कोडस्पैन |
इनलाइन कोड कंटेनर (कोड स्निपेट के लिए) |
|
| w3-सामग्री |
निश्चित आकार केंद्रित सामग्री के लिए कंटेनर |
|
| डब्ल्यू3 कार |
प्रतिक्रियाशील आकार केंद्रित सामग्री के लिए कंटेनर |
|
| w3-खिंचाव |
वह वर्ग जो दाएं और बाएं हाशिये को हटाता है (विशेष रूप से गद्देदार पंक्तियों को खींचने के लिए उपयोगी (w3-पंक्ति-पैडिंग)) |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-तालिका |
HTML तालिका के लिए कंटेनर |
|
| w3-धारीदार |
धारीदार टेबल |
|
| w3-बॉर्डर |
बॉर्डर वाली टेबल |
|
| w3-बॉर्डर |
सीमा रेखा |
|
| w3-केंद्रित |
केंद्रित तालिका |
|
| w3-होवर करने योग्य |
होवरेबल टेबल |
|
| w3-तालिका-सभी |
सभी गुण सेट |
|
| |
w3-धारीदार, w3-सीमा, और w3-सीमा के साथ |
|
| |
रंगीन सिर के साथ |
|
| |
W3-उत्तरदायी के साथ |
|
| |
W3-छोटे के साथ |
|
| |
W3-छोटे . के साथ |
|
| |
w3-बड़े . के साथ |
|
| |
w3-xlarge . के साथ |
|
| |
w3-xxlarge . के साथ |
|
| |
w3-xxxlarge के साथ |
|
| |
रंग के साथ |
|
| |
W3-जंबो के साथ |
|
| w3-उत्तरदायी |
एक प्रतिक्रियाशील तालिका बनाता है |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-कार्ड |
w3-card-2 . के समान |
|
| w3-कार्ड-2 |
किसी भी HTML सामग्री के लिए कंटेनर (2px बॉर्डर वाली छाया) |
|
| w3-कार्ड-4 |
किसी भी HTML सामग्री के लिए कंटेनर (4px बॉर्डर वाली छाया) |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-पंक्ति |
द्रव प्रतिक्रियाशील सामग्री की एक पंक्ति के लिए कंटेनर |
|
| w3-पंक्ति-पैडिंग |
पंक्ति जहां सभी स्तंभों में एक डिफ़ॉल्ट पैडिंग होती है |
|
| डब्ल्यू3 कार |
प्रतिक्रियाशील आकार केंद्रित सामग्री के लिए कंटेनर |
|
| w3-खिंचाव |
वह वर्ग जो दाएँ और बाएँ हाशिये को हटाता है |
|
| w3-आधा |
आधा (1/2) स्क्रीन कॉलम कंटेनर |
|
| w3-तीसरा |
तीसरा (1/3) स्क्रीन कॉलम कंटेनर |
|
| w3-दो तिहाई |
दो तिहाई (2/3) स्क्रीन कॉलम कंटेनर |
|
| w3-क्वार्टर |
क्वार्टर (1/4) स्क्रीन कॉलम कंटेनर |
|
| w3-तीन तिमाही |
तीन चौथाई (3/4) स्क्रीन कॉलम कंटेनर |
|
| w3-col |
किसी भी HTML सामग्री के लिए कॉलम कंटेनर |
|
| w3-रेस्ट |
शेष स्तंभ चौड़ाई पर कब्जा करता है |
|
| |
|
|
| एल1 - एल12 |
बड़ी स्क्रीन के लिए उत्तरदायी आकार |
|
| एम1 - एम12 |
मध्यम स्क्रीन के लिए उत्तरदायी आकार |
|
| s1 - s12 |
छोटी स्क्रीन के लिए उत्तरदायी आकार |
|
| |
|
|
| w3-छिपाना-छोटा |
छोटी स्क्रीन पर सामग्री छिपाएं (601px से कम) |
|
| w3-छुपा-माध्यम |
मध्यम स्क्रीन पर सामग्री छुपाएं |
|
| w3-छिपाना बड़ा |
बड़ी स्क्रीन पर सामग्री छिपाएं (992px से बड़ी) |
|
| |
|
|
| w3-छवि |
उत्तरदायी छवि |
|
| |
|
|
| w3-मोबाइल |
किसी भी तत्व में मोबाइल-प्रथम प्रतिक्रिया जोड़ता है।
तत्वों को मोबाइल उपकरणों पर ब्लॉक तत्वों के रूप में प्रदर्शित करता है। |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-सेल-पंक्ति |
लेआउट कॉलम (कोशिकाओं) के लिए कंटेनर। |
|
| w3-सेल |
लेआउट कॉलम (सेल)। |
|
| w3-सेल-टॉप |
एक कॉलम (सेल) के शीर्ष पर सामग्री को संरेखित करता है। |
|
| w3-सेल-मध्य |
सामग्री को किसी स्तंभ (सेल) के लंबवत मध्य में संरेखित करता है। |
|
| w3-सेल-नीचे |
एक कॉलम (सेल) के नीचे सामग्री को संरेखित करता है। |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-बार |
क्षैतिज पट्टी |
|
| w3-बार-ब्लॉक |
सीधी खड़ी रेखा |
|
| w3-बार-आइटम |
बार आइटम के लिए सामान्य शैली प्रदान करता है |
|
| w3-साइडबार |
साइड बार |
|
| |
एक साइड बार में सभी प्रकार की सामग्री हो सकती है |
|
| |
मुख्य सामग्री को ओवरले करने वाला एक साइड बार |
|
| |
सभी मुख्य सामग्री को ओवरले करने वाला एक साइड बार |
|
| |
मुख्य सामग्री को दाईं ओर स्थानांतरित करने वाला एक साइड बार |
|
| |
ओवरले बैकग्राउंड वाला साइड बार |
|
| |
दाईं ओर एक साइड बार |
|
| w3-पतन |
पूरी तरह से स्वचालित प्रतिक्रियाशील साइड नेविगेशन बनाने के लिए w3-sidebar के साथ उपयोग किया जाता है। इस वर्ग के काम करने के लिए, पृष्ठ की सामग्री "w3-main" वर्ग के भीतर होनी चाहिए |
|
| w3-मुख्य |
प्रतिक्रियाशील पक्ष नेविगेशन के लिए w3-पतन वर्ग का उपयोग करते समय पृष्ठ सामग्री के लिए कंटेनर |
|
| |
पूरी तरह से स्वचालित दाईं ओर उत्तरदायी साइड नेविगेशन |
|
| w3-ड्रॉपडाउन-क्लिक करें |
क्लिक करने योग्य ड्रॉपडाउन तत्व |
|
| w3-ड्रॉपडाउन-होवर |
होवर करने योग्य ड्रॉपडाउन तत्व |
|
| |
होवर करने योग्य ड्रॉपडाउन तत्व (w3-bar में प्रयुक्त) |
|
| |
होवर करने योग्य ड्रॉपडाउन तत्व (w3-बार-ब्लॉक में प्रयुक्त) |
|
| |
होवर करने योग्य ड्रॉपडाउन तत्व (w3-साइडबार में प्रयुक्त) |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-बटन |
होवर पर धूसर पृष्ठभूमि रंग के साथ आयताकार बटन |
|
| डब्ल्यू3-बीटीएन |
होवर पर छाया के साथ आयताकार बटन |
|
| w3-सर्कल |
एक गोलाकार बटन बनाने के लिए इस्तेमाल किया जा सकता है |
|
| w3-लहर |
लहर प्रभाव के साथ आयताकार बटन |
|
| |
लहर प्रभाव के साथ सर्कुलर फ्लोटिंग बटन |
|
| w3-बार |
क्षैतिज पट्टी में तत्वों (जैसे बटन) को समूहित करने के लिए उपयोग किया जा सकता है |
|
| w3-ब्लॉक |
वह वर्ग जिसका उपयोग पूर्ण चौड़ाई w3-बटन को परिभाषित करने के लिए किया जा सकता है |
|
| |
पूरी चौड़ाई w3-btn |
|
| |
पूरी चौड़ाई वाला गोलाकार बटन |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-इनपुट |
इनपुट तत्व |
|
| |
कार्ड के रूप में इनपुट फॉर्म |
|
| |
इनपुट तत्व (शीर्ष लेबल) |
|
| |
इनपुट तत्व (निचले लेबल) |
|
| w3-चेक |
चेकबॉक्स इनपुट प्रकार |
|
| w3 रेडियो |
रेडियो इनपुट प्रकार |
|
| w3-चुनें |
इनपुट चयन तत्व |
|
| w3-चेतन-इनपुट |
इनपुट की चौड़ाई को 100% तक एनिमेट करता है |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-मोडल |
मोडल कंटेनर |
|
| w3-मोडल-सामग्री |
मोडल पॉप-अप तत्व |
|
| w3-टूलटिप |
टूलटिप तत्व |
|
| w3-पाठ |
टूलटिप टेक्स्ट |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-चेतन-शीर्ष |
किसी तत्व को शीर्ष -300px से 0px . तक एनिमेट करता है |
|
| w3-चेतन-बाएं |
किसी तत्व को बाएं -300px से 0px . तक एनिमेट करता है |
|
| w3-चेतन-नीचे |
किसी तत्व को नीचे से -300px से 0px तक एनिमेट करता है |
|
| w3-चेतन-दाएं |
किसी तत्व को दाएं -300px से 0px . तक एनिमेट करता है |
|
| w3-चेतन-अस्पष्टता |
किसी तत्व की अस्पष्टता को 0 से 1 . तक एनिमेट करता है |
|
| w3-चेतन-ज़ूम |
किसी तत्व को 0 से 100% आकार में एनिमेट करता है |
|
| w3-चेतन-लुप्त होती |
किसी तत्व की अस्पष्टता को 0 से 1 और 1 से 0 तक एनिमेट करता है (अंदर और बाहर फीका) |
|
| w3-स्पिन |
एक आइकन 360 डिग्री स्पिन करें |
|
| |
किसी भी तत्व को 360 डिग्री घुमाएँ |
|
| w3-चेतन-इनपुट |
इनपुट फ़ील्ड की चौड़ाई को 100% तक एनिमेट करता है |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-छोटे |
10 पिक्सेल का फ़ॉन्ट आकार निर्दिष्ट करता है |
|
| w3-छोटा |
12 पिक्सेल का फ़ॉन्ट आकार निर्दिष्ट करता है |
|
| w3-बड़ा |
18 पिक्सेल का फ़ॉन्ट आकार निर्दिष्ट करता है |
|
| w3-xबड़ा |
24 पिक्सेल का फ़ॉन्ट आकार निर्दिष्ट करता है |
|
| w3-xxबड़ा |
32 पिक्सेल का फ़ॉन्ट आकार निर्दिष्ट करता है |
|
| w3-xxxबड़ा |
48 पिक्सेल का फ़ॉन्ट आकार निर्दिष्ट करता है |
|
| w3-जंबो |
64 पिक्सेल का फ़ॉन्ट आकार निर्दिष्ट करता है |
|
| w3-चौड़ा |
एक व्यापक पाठ निर्दिष्ट करता है |
|
| w3-सेरिफ़ |
फ़ॉन्ट को सेरिफ़ में बदलता है |
|
| w3-sans-serif |
फ़ॉन्ट को sans-serif . में बदलता है |
|
| w3-कर्सिव |
फ़ॉन्ट को कर्सिव में बदलता है |
|
| w3-मोनोस्पेस |
फ़ॉन्ट को मोनोस्पेस में बदलता है |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-केंद्र |
केंद्रित सामग्री |
|
| w3-बाएं |
बाईं ओर एक तत्व तैरता है (फ्लोट: बाएं) |
|
| w3-दाएं |
तत्व को दाईं ओर तैरता है (फ्लोट: दाएं) |
|
| w3-बाएं-संरेखण |
बाएं संरेखित टेक्स्ट |
|
| w3-दाएं-संरेखित करें |
दायां संरेखित पाठ |
|
| w3-औचित्य |
दाएँ और बाएँ संरेखित पाठ |
|
| w3-ब्लॉक |
वह वर्ग जिसका उपयोग किसी भी तत्व की पूर्ण चौड़ाई को परिभाषित करने के लिए किया जा सकता है |
|
| w3-सर्कल |
परिचालित सामग्री |
|
| w3-छिपाना |
छिपी हुई सामग्री (प्रदर्शन: कोई नहीं) |
|
| w3-शो |
सामग्री दिखाएं (प्रदर्शन: ब्लॉक) |
|
| w3-शो-ब्लॉक |
W3-शो का उपनाम (प्रदर्शन:ब्लॉक) |
|
| w3-शो-इनलाइन-ब्लॉक |
सामग्री को इनलाइन-ब्लॉक के रूप में दिखाएं (प्रदर्शन: इनलाइन-ब्लॉक) |
|
| डब्ल्यू3-टॉप |
एक पृष्ठ के शीर्ष पर निश्चित सामग्री |
|
| w3-नीचे |
एक पृष्ठ के निचले भाग पर निश्चित सामग्री |
|
| w3-डिस्प्ले-कंटेनर |
W3-डिस्प्ले- कक्षाओं के लिए कंटेनर (स्थिति: सापेक्ष) |
|
| w3-डिस्प्ले-टॉपलेफ्ट |
w3-डिस्प्ले-कंटेनर के ऊपरी बाएँ कोने में सामग्री प्रदर्शित करता है |
|
| w3-डिस्प्ले-टॉपराइट |
w3-डिस्प्ले-कंटेनर के ऊपरी दाएं कोने में सामग्री प्रदर्शित करता है |
|
| w3-डिस्प्ले-नीचे बाएँ |
w3-डिस्प्ले-कंटेनर के निचले बाएँ कोने में सामग्री प्रदर्शित करता है |
|
| w3-डिस्प्ले-बॉटमराइट |
w3-डिस्प्ले-कंटेनर के निचले दाएं कोने में सामग्री प्रदर्शित करता है |
|
| w3-डिस्प्ले-बाएं |
सामग्री को w3-डिस्प्ले-कंटेनर के बाएँ (मध्य बाएँ) में प्रदर्शित करता है |
|
| w3-प्रदर्शन-दाएं |
w3-डिस्प्ले-कंटेनर के दाईं ओर (मध्य दाएं) सामग्री प्रदर्शित करता है |
|
| w3-डिस्प्ले-मध्य |
सामग्री को w3-डिस्प्ले-कंटेनर के मध्य (केंद्र) में प्रदर्शित करता है |
|
| w3-डिस्प्ले-टॉपमिडिल |
w3-डिस्प्ले-कंटेनर के शीर्ष मध्य में सामग्री प्रदर्शित करता है |
|
| w3-डिस्प्ले-बॉटममिडिल |
w3-डिस्प्ले-कंटेनर के निचले मध्य में सामग्री प्रदर्शित करता है |
|
| w3-प्रदर्शन-स्थिति |
w3-डिस्प्ले-कंटेनर में निर्दिष्ट स्थान पर सामग्री प्रदर्शित करता है |
|
| w3-डिस्प्ले-होवर |
w3-डिस्प्ले-कंटेनर के अंदर होवर पर सामग्री प्रदर्शित करता है |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-अस्पष्टता |
तत्व में अस्पष्टता/पारदर्शिता जोड़ता है (अस्पष्टता: 0.6) |
|
| |
टेक्स्ट में अपारदर्शिता/पारदर्शिता जोड़ें |
|
| w3-अस्पष्टता-बंद |
अस्पष्टता/पारदर्शिता को बंद कर देता है (अस्पष्टता: 1) |
|
| w3-अस्पष्टता-मिनट |
तत्व में अस्पष्टता/पारदर्शिता जोड़ता है (अस्पष्टता: 0.75) |
|
| w3-अस्पष्टता-अधिकतम |
तत्व में अस्पष्टता/पारदर्शिता जोड़ता है (अस्पष्टता: 0.25) |
|
| w3-ग्रेस्केल-मिनट |
तत्व में ग्रेस्केल प्रभाव जोड़ता है (ग्रेस्केल: 50%) |
|
| w3-ग्रेस्केल |
तत्व में ग्रेस्केल प्रभाव जोड़ता है (ग्रेस्केल: 75%) |
|
| w3-ग्रेस्केल-अधिकतम |
तत्व में ग्रेस्केल प्रभाव जोड़ता है (ग्रेस्केल: 100%) |
|
| w3-सेपिया-मिनट |
तत्व में सीपिया प्रभाव जोड़ता है (सेपिया: 50%) |
|
| w3-सेपिया |
तत्व में सीपिया प्रभाव जोड़ता है (सेपिया: 75%) |
|
| w3-सेपिया-मैक्स |
तत्व में सीपिया प्रभाव जोड़ता है (सीपिया: 100%) |
|
| w3-ओवरले |
एक ओवरले प्रभाव बनाता है |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-लाल |
पृष्ठभूमि का रंग लाल |
|
| w3-गुलाबी |
पृष्ठभूमि रंग गुलाबी |
|
| w3-बैंगनी |
पृष्ठभूमि रंग बैंगनी |
|
| w3-गहरे-बैंगनी |
पृष्ठभूमि का रंग गहरा बैंगनी |
|
| w3-इंडिगो |
पृष्ठभूमि रंग इंडिगो |
|
| w3-नीला |
पृष्ठभूमि का रंग नीला |
|
| w3-हल्का-नीला |
पृष्ठभूमि का रंग हल्का नीला |
|
| w3-सियान |
पृष्ठभूमि रंग सियान |
|
| w3-एक्वा |
पृष्ठभूमि रंग एक्वा |
|
| w3-चैती |
पृष्ठभूमि रंग चैती |
|
| w3-हरा |
पृष्ठभूमि का रंग हरा |
|
| w3-हल्का-हरा |
पृष्ठभूमि का रंग हल्का हरा |
|
| w3-नींबू |
पृष्ठभूमि रंग चूना |
|
| w3-रेत |
पृष्ठभूमि रंग रेत |
|
| w3-खाकी |
पृष्ठभूमि रंग खाकी |
|
| w3-पीला |
पृष्ठभूमि का रंग पीला |
|
| w3-एम्बर |
पृष्ठभूमि रंग एम्बर |
|
| w3-नारंगी |
पृष्ठभूमि रंग नारंगी |
|
| w3-गहरा-नारंगी |
पृष्ठभूमि का रंग गहरा नारंगी |
|
| w3-नीला-ग्रे |
पृष्ठभूमि का रंग नीला ग्रे |
|
| w3-भूरा |
पृष्ठभूमि का रंग भूरा |
|
| w3-लाइट-ग्रे |
पृष्ठभूमि का रंग हल्का भूरा |
|
| w3-ग्रे |
पृष्ठभूमि का रंग ग्रे |
|
| w3-गहरा-धूसर |
पृष्ठभूमि का रंग गहरा भूरा |
|
| w3-ब्लैक |
पृष्ठभूमि का रंग काला |
|
| w3-पीला-लाल |
पृष्ठभूमि का रंग हल्का लाल |
|
| w3-पीला-पीला |
पृष्ठभूमि का रंग हल्का पीला |
|
| w3-पीला-हरा |
पृष्ठभूमि का रंग हल्का हरा |
|
| w3-पीला-नीला |
पृष्ठभूमि का रंग हल्का नीला |
|
| w3-पारदर्शी |
पारदर्शी पृष्ठभूमि-रंग |
|
होवर कलर क्लासेस
उपरोक्त रंगों का उपयोग होवर कक्षाओं के रूप में भी किया जा सकता है:
| कक्षा |
को परिभाषित करता है |
|
| w3-होवर-सफेद |
होवर रंग सफेद |
|
| w3-होवर-ब्लैक |
होवर रंग काला |
|
| w3-होवर-लाल |
होवर रंग लाल |
|
| w3-होवर-नीला |
होवर रंग नीला |
|
| w3-होवर-ग्रीन |
होवर रंग हरा |
|
| w3-होवर-एक्वा |
होवर रंग एक्वा |
|
| w3-होवर-नारंगी |
होवर रंग नारंगी |
|
| w3-होवर-ग्रे |
होवर रंग ग्रे |
|
| w3-होवर-पीला-हरा |
होवर रंग हल्का हरा |
|
| कक्षा |
को परिभाषित करता है |
|
| w3-पाठ-लाल |
पाठ का रंग लाल |
|
| w3-पाठ-हरा |
पाठ का रंग हरा |
|
| w3-पाठ-नीला |
टेक्स्ट का रंग नीला |
|
| w3-पाठ-पीला |
पाठ का रंग पीला |
|
| w3-पाठ-हल्का-ग्रे |
Text color light-grey |
|
| w3-text-grey |
Text color grey |
|
| w3-text-dark-grey |
Text color dark grey |
|
| w3-text-black |
Text color black |
|
| w3-text-white |
Text color white |
|
| w3-text-pink |
Text color pink |
|
| w3-text-purple |
Text color purple |
|
| w3-text-teal |
Text color teal |
|
| w3-text-light-green |
Text color light green |
|
| w3-text-lime |
Text color lime |
|
| w3-text-deep-purple |
Text color deep purple |
|
| w3-text-indigo |
Text color indigo |
|
| w3-text-light-blue |
Text color light blue |
|
| w3-text-blue-grey |
Text color blue grey |
|
| w3-text-cyan |
Text color cyan |
|
| w3-text-aqua |
Text color aqua |
|
| w3-text-amber |
Text color amber |
|
| w3-text-orange |
Text color orange |
|
| w3-text-deep-orange |
Text color deep orange |
|
| w3-text-sand |
Text color sand |
|
| w3-text-khaki |
Text color khaki |
|
| w3-text-brown |
Text color brown |
|
The text classes above can also be used as hover classes:
| Class |
Defines |
|
| w3-hover-text-red |
Hover text color red |
|
| w3-hover-text-green |
Hover text color green |
|
| w3-hover-text-blue |
Hover text color blue |
|
| w3-hover-text-yellow |
Hover text color yellow |
|
| Class |
Defines |
|
| w3-hover-border-color |
Hover border color |
|
| w3-hover-opacity |
Adds transparency to an element on hover (opacity: 0.6) |
|
| w3-hover-opacity-off |
Removes transparency from an element on hover (100% opacity) |
|
| w3-hover-shadow |
Adds shadow to an element on hover |
|
| w3-hover-grayscale |
Adds a black and white (100% grayscale) effect to an element |
|
| w3-hover-sepia |
Adds a sepia effect to an element on hover |
|
| w3-hover-none |
Removes hover effects from an element |
|
| Class |
Defines |
|
| w3-round |
Element rounded (border-radius) 4px |
|
| w3-round-small |
Element rounded (border-radius) 2px |
|
| w3-round-medium |
Element rounded (border-radius) 4px |
|
| w3-round-large |
Element rounded (border-radius) 8px |
|
| w3-round-xlarge |
Element rounded (border-radius) 16px |
|
| w3-round-xxlarge |
Element rounded (border-radius) 32px |
|
| Class |
Defines |
|
| w3-padding-small |
Padding 4px top and bottom, and 8px left and right. |
|
| w3-padding |
Padding 8px top and bottom, and 16px left and right. |
|
| w3-padding-large |
Padding 12px top and bottom, and 24px left and right. |
|
| w3-padding-16 |
Padding 16px top and bottom |
|
| w3-padding-24 |
Padding 24px top and bottom |
|
| w3-padding-32 |
Padding 32px top and bottom |
|
| w3-padding-48 |
Padding 48px top and bottom |
|
| w3-padding-64 |
Padding 64px top and bottom |
|
| w3-padding-top-64 |
Padding 64px on top |
|
| w3-padding-top-48 |
Padding 48px on top |
|
| w3-padding-top-32 |
Padding 32px on top |
|
| w3-padding-top-24 |
Padding 24px on top |
|
| Class |
Defines |
|
| w3-margin |
Adds an 16px margin to an element |
|
| w3-margin-top |
Adds an 16px top margin to an element |
|
| w3-margin-right |
Adds an 16px right margin to an element |
|
| w3-margin-bottom |
Adds an 16px bottom margin to an element |
|
| w3-margin-left |
Adds an 16px left margin to an element |
|
| w3-section |
Adds an 16px top and bottom margin to an element |
|
| Class |
Defines |
|
| w3-border |
Borders (top, right, bottom, left) |
|
| w3-border-top |
Border top |
|
| w3-border-right |
Border right |
|
| w3-border-bottom |
Border bottom |
|
| w3-border-left |
Border left |
|
| w3-border-0 |
Removes all borders |
|
| w3-border-color |
Displays any defined borders in a specified color (like red, etc) |
|
| w3-bottombar |
Adds a thick bottom border (bar) to an element |
|
| w3-leftbar |
Adds a thick left border (bar) to an element |
|
| w3-rightbar |
Adds a thick right border (bar) to an element |
|
| w3-topbar |
Adds a thick top border (bar) to an element |
|
| w3-hover-border-color |
Hoverable border color |
|
