-
CSS से मार्कर को बॉक्स के अंदर या बाहर दिखाने का संकेत कैसे दें?
list-style-position गुण इंगित करता है कि मार्कर को बुलेट पॉइंट्स वाले बॉक्स के अंदर या बाहर दिखना चाहिए। इसके दो मान हो सकते हैं: मान विवरण none लागू नहीं inside यदि टेक्स्ट दूसरी पंक्ति पर जाता है, तो टेक्स्ट मार्कर के नीचे लपेट
-
CSS से अनऑर्डर्ड सूची मार्कर्स को स्टाइल करें
list-style-type गुण आपको अनऑर्डर्ड सूची मार्कर्स के आकार या शैली को नियंत्रित करने की अनुमति देता है। उदाहरण <html> <head> </head> <body> <ul style=list-style-type:square;> <li>India</li> <li>UK</li> <li>US</l
-
CSS से बुलेट शैली के लिए छवि सेट करें
list-style-image आपको मार्कर के लिए एक छवि निर्दिष्ट करने की अनुमति देता है ताकि आप अपनी खुद की बुलेट शैली उपयोग कर सकें। उदाहरण निम्न कोड चलाकर CSS के साथ बुलेट के लिए छवि सेट करें: <html> <head> </head> <body> <ul style=list-style-image: url(/images/bullet.gif)
-
CSS से सभी सूची गुणों को एक ही अभिव्यक्ति में निर्दिष्ट करें
list-style गुण आपको सभी सूची गुणों को एक ही अभिव्यक्ति में निर्दिष्ट करने की अनुमति देता है। उदाहरण निम्न कोड चलाकर सूची के सभी गुण जैसे list-style, type आदि को एक लाइन में सूचीबद्ध करें: <html> <head> </head> <body> <ul style=list-style: inside circle;>
-
CSS से दो लाइनों के बीच बॉर्डर सेट करें
दो लाइनों के साथ बॉर्डर सेट करने के लिए border-style गुण का उपयोग double मान के साथ करें। निम्न कोड चलाकर border-style गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=border-width:4px; border-style:none;> This is a border with none width.
-
CSS में border-left-width गुण का उपयोग
border-left-width गुण बाएं बॉर्डर की चौड़ाई बदलता है। निम्न कोड चलाकर border-left-width गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=border-left-width:6px;border-style:solid;> This is demo content. </p> </body> </html&
-
बॉर्डर सेट करें जो ऐसा लगे जैसे पेज में उकेरा गया हो
border-style गुण का उपयोग groove मान के साथ करके बॉर्डर को पेज में उकेरा हुआ सेट करें। निम्न कोड चलाकर border-style गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=border-width:4px; border-style:none;> This is a border with none width. &l
-
CSS से इनसेट बॉर्डर सेट करें
CSS के साथ इनसेट बॉर्डर सेट करने के लिए, border-style गुण का उपयोग inset मान के साथ करें। उदाहरण <html> <head> </head> <body> <p style=border-width:4px; border-style:none;> This is a border with none width. </p> <p style=border-width:4px
-
CSS padding-bottom गुण
padding-bottom किसी तत्व का निचला पैडिंग निर्दिष्ट करता है। यह तत्व का निचला पैडिंग (स्पेस) सेट करता है। यह लंबाई या % में मान ले सकता है। उदाहरण <html> <head> </head> <body> <p style=padding-bottom: 10px; border:1px solid red;> This is a paragraph with
-
CSS padding-top गुण
padding-top किसी तत्व का ऊपरी पैडिंग निर्दिष्ट करता है। यह तत्व का ऊपरी पैडिंग सेट करता है। यह लंबाई या % में मान ले सकता है। उदाहरण <html> <head> </head> <body> <p style=padding-top: 10px; border:1px solid red;> This is a paragraph with a specified top
-
CSS मार्जिन गुणों को एक ही घोषणा में कैसे सेट करें?
margin गुण HTML तत्व के चारों ओर स्पेस को परिभाषित करता है। सामग्री को ओवरलैप करने के लिए नकारात्मक मानों का उपयोग करना संभव है। यह एक घोषणा में मार्जिन गुणों को सेट करने के लिए एक शॉर्टहैंड गुण निर्दिष्ट करता है। उदाहरण निम्न कोड चलाकर मार्जिन सेट करें: <html> <head> </head>
-
CSS से आउटसेट बॉर्डर सेट करें
CSS के साथ आउटसेट बॉर्डर सेट करने के लिए, border-style गुण का उपयोग outset मान के साथ करें। उदाहरण <html> <head> </head> <body> <p style=border-width:4px; border-style:none;> This is a border with none width. </p> <p style=border-width:4
-
CSS से निचले बॉर्डर की शैली बदलें
border-bottom-style गुण निचले बॉर्डर की शैली बदलता है। निम्न कोड चलाकर border-bottom-style गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=border-width:4px;border-bottom-style:dashed;> This is demo content </p> </body> </
-
CSS से निचले बॉर्डर की चौड़ाई बदलें
border-bottom-width निचले बॉर्डर की चौड़ाई बदलता है। निम्न कोड चलाकर border-bottom-width गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=border-bottom-width:6px;border-style:solid;> This is demo content. </p> </body> </ht
-
CSS से निचले बॉर्डर का रंग बदलें
border-bottom-color निचले बॉर्डर का रंग बदलता है। निम्न कोड चलाकर border-bottom-color गुण लागू करें: उदाहरण <html> <head> <style> p.demo { border:4px solid; border-bottom-color:#FF0000; } </style> </head> <body> <p
-
CSS से ऊपरी बॉर्डर का रंग बदलें
border-top-color ऊपरी बॉर्डर का रंग बदलता है। निम्न कोड चलाकर border-top-color गुण लागू करें: उदाहरण <html> <head> <style> p.demo { border:3px solid; border-top-color:#FF0000; } </style> </head> <body> <p class=demo
-
CSS में border-right-style गुण का उपयोग
border-right-style गुण दाएं बॉर्डर की शैली बदलता है। निम्न कोड चलाकर border-right-style गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=border-width:4px;border-right-style:dashed;> This is demo content </p> </body> </html
-
CSS में border-bottom-width गुण का उपयोग
border-bottom-width निचले बॉर्डर की चौड़ाई बदलता है। निम्न कोड चलाकर border-bottom-width गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=border-bottom-width:6px;border-style:solid;> This is demo content. </p> </body> </ht
-
CSS से बॉर्डर का रंग सेट करें
border-color गुण बॉर्डर का रंग निर्दिष्ट करता है। निम्न कोड चलाकर border-color गुण लागू करें: उदाहरण <html> <head> <style> p.demo { border:2px dashed; border-color:#800000; } </style> </head> <body> <p class=demo>
-
CSS में border-right-width गुण का उपयोग
border-right-width गुण दाएं बॉर्डर की चौड़ाई बदलता है। निम्न कोड चलाकर border-right-width गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=border-right-width:6px;border-style:solid;> This is demo content. </p> </body> </ht