direction गुण का उपयोग टेक्स्ट दिशा सेट करने के लिए किया जाता है। संभावित मान: ltr (बाएं से दाएं) या rtl (दाएं से बाएं)। उदाहरण निम्न कोड चलाकर CSS के साथ टेक्स्ट दिशा सेट करें: <html> <head> </head> <body> <p style=direction:rtl;> This text will be rene

टेक्स्ट का रंग सेट करने के लिए, color गुण का उपयोग करें। उदाहरण निम्न कोड चलाकर CSS में color गुण के साथ काम करना सीखें: <html> <head> </head> <body> <p style=color:blue;> ANTARTICA is a continent </p> </body> </html> रंग मान हेक्

text-decoration गुण का उपयोग टेक्स्ट को अंडरलाइन, ओवरलाइन और स्ट्राइकथ्रू करने के लिए किया जाता है। उदाहरण निम्न उदाहरण दर्शाता है कि टेक्स्ट को कैसे सजाया जाए। संभावित मान: none, underline, overline, line-through, blink। <html> <head> </head> <body> <p style=tex

फ़ॉन्ट स्टाइल सेट करने के लिए, font-style गुण का उपयोग करें। फ़ॉन्ट को italic, normal और oblique पर सेट करें। उदाहरण निम्न कोड चलाकर CSS के साथ font-style को italic पर सेट करें: <html> <head> </head> <body> <p style=font-style:italic;> Europe, Australia,

font-style गुण का उपयोग फ़ॉन्ट को इटैलिक या ओब्लिक बनाने के लिए किया जाता है। font-style गुण सेट करने के लिए निम्न कोड चलाएं: <html> <head> </head> <body> <p style=font-style:italic;> This text will be rendered in italic style </p> </body&

फ़ॉन्ट वैरिएंट सेट करने के लिए, font-variant गुण का उपयोग करें। फ़ॉन्ट को small-caps और normal पर सेट करें। निम्न कोड चलाकर CSS के साथ font-variant को small-caps पर सेट करें: <html> <head> </head> <body> <p style=font-variant:small-caps;> This text will be rendered as

font-weight गुण फ़ॉन्ट की बोल्डनेस निर्दिष्ट करने की कार्यक्षमता प्रदान करता है। संभावित मान: normal, bold, bolder, lighter, 100 से 900 तक। <html> <head> </head> <body> <p style=font-weight:bold;>This font is bold.</p> <p style=font-weight:bolder;

font-size गुण का उपयोग फ़ॉन्ट के आकार को बढ़ाने या घटाने के लिए किया जाता है। यह फ़ॉन्ट के आकार को नियंत्रित करता है। संभावित मान: xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, पिक्सेल में आकार या प्रतिशत में। <html> <head> </head> <body>

font गुण कई अन्य फ़ॉन्ट गुणों जैसे फ़ॉन्ट परिवार, आकार, शैली आदि को निर्दिष्ट करने के लिए एक शॉर्टहैंड के रूप में उपयोग किया जाता है। उदाहरण निम्न कोड चलाकर font गुण के साथ काम करना सीखें: <html> <head> </head> <body> <p style=font:italic small-caps bold 13px geo

font-weight गुण का उपयोग यह नियंत्रित करने के लिए किया जाता है कि फ़ॉन्ट कितना बोल्ड या हल्का दिखाई देता है। यह फ़ॉन्ट की बोल्डनेस निर्दिष्ट करने की कार्यक्षमता प्रदान करता है। संभावित मान: normal, bold, bolder, lighter, 100 से 900 तक। <html> <head> </head> <body> &

font-size गुण का उपयोग फ़ॉन्ट आकार को बढ़ाने या घटाने के लिए किया जाता है। यह फ़ॉन्ट के आकार को नियंत्रित करता है। संभावित मान: xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, पिक्सेल में आकार या प्रतिशत में। <html> <head> </head> <body>

font गुण कई अन्य फ़ॉन्ट गुणों जैसे फ़ॉन्ट परिवार, आकार, शैली आदि को निर्दिष्ट करने के लिए एक शॉर्टहैंड के रूप में उपयोग किया जाता है। उदाहरण निम्न कोड चलाकर font गुण के साथ काम करना सीखें: <html> <head> </head> <body> <p style=font:italic small-caps bold 13px geo

font-family गुण का उपयोग फ़ॉन्ट का फेस बदलने के लिए किया जाता है। संभावित मान कोई भी फ़ॉन्ट परिवार नाम हो सकता है। <html> <head> </head> <body> <p style=font-family:georgia,garamond,serif;> This text is rendered in either georgia, garamond, or the defaul

आप सभी पृष्ठभूमि गुणों जैसे पृष्ठभूमि छवि स्थिति, पुनरावृत्ति आदि को एक साथ सेट करने के लिए background गुण का उपयोग कर सकते हैं: उदाहरण <html> <head> </head> <body> <p style=background:url(/images/pattern1.gif) repeat fixed;> This parapgraph has fixed re

background-repeat गुण का उपयोग पृष्ठभूमि में छवि की पुनरावृत्ति को नियंत्रित करने के लिए किया जाता है। यदि आप छवि को दोहराना नहीं चाहते हैं, तो background-repeat गुण के लिए no-repeat मान का उपयोग करें; इस स्थिति में छवि केवल एक बार प्रदर्शित होगी। उदाहरण निम्न कोड चलाकर background-repeat गुण के साथ

background-color गुण का उपयोग किसी तत्व का पृष्ठभूमि रंग सेट करने के लिए किया जाता है। उदाहरण निम्न कोड चलाकर background-color गुण के साथ काम करना सीखें: <html> <head> </head> <body> <p style=background-color:blue;> This text has a blue background color.

पृष्ठभूमि छवि की स्थिति सेट करने के लिए, background-position गुण का उपयोग करें। निम्न कोड चलाकर background-position गुण के साथ काम करना सीखें: उदाहरण यह पृष्ठभूमि छवि की स्थिति को बाईं ओर से 80 पिक्सेल दूर सेट करता है: <html> <head> <style> body { background-ima

पृष्ठभूमि अटैचमेंट सेट करने के लिए, background-attachment गुण का उपयोग करें। पृष्ठभूमि अटैचमेंट निर्धारित करता है कि पृष्ठभूमि छवि स्थिर है या शेष पेज के साथ स्क्रॉल होती है। उदाहरण निम्न कोड चलाकर background-attachment गुण का उपयोग करके निश्चित पृष्ठभूमि छवि सेट करना सीखें: <!DOCTYPE html> &l

background-attachment गुण का उपयोग पृष्ठभूमि में छवि के स्क्रॉलिंग को नियंत्रित करने के लिए किया जाता है। उदाहरण निम्न कोड चलाकर background-attachment गुण के साथ काम करना सीखें: <!DOCTYPE html> <html> <head> <style> body { background-image: url(/css/images

background गुण कई अन्य पृष्ठभूमि गुणों जैसे छवि, स्थिति, पुनरावृत्ति आदि को निर्दिष्ट करने के लिए एक शॉर्टहैंड है। <html> <head> </head> <body> <p style=background:url(/images/pattern1.gif) repeat fixed;> This parapgraph has fixed repeated background ima