-
CSS से विज़िट किए गए लिंक का रंग सेट करें
विज़िट किए गए लिंक का रंग सेट करने के लिए, CSS में :visited छद्म-वर्ग का उपयोग करें। निम्न कोड चलाकर विज़िट किए गए लिंक का रंग सेट करें: <html> <head> <style> a:visited { color: #FF0000 } </style> </head> <body> <a href=>
-
माउस होवर होने पर लिंक का रंग बदलें
जब हम किसी लिंक पर माउस पॉइंटर लाते हैं तो उसका रंग बदलने के लिए :hover छद्म-वर्ग का उपयोग करें। उदाहरण निम्न कोड चलाकर लिंक का रंग बदलें: <html> <head> <style> a:hover { color: #FFCC00 } </style> </head> <body> <a href=>
-
CSS से पारदर्शी छवि बनाएं
पारदर्शी छवि बनाने के लिए, CSS -moz-opacity गुण का उपयोग करें। निम्न कोड चलाकर CSS के साथ छवि को स्टाइल करें और अस्पष्टता सेट करें: उदाहरण <html> <head> </head> <body> <img style=moz-opacity:0.2;filter:alpha(opacity=50); src=https://www.tutorialspoint.com/assets/
-
CSS में letter-spacing गुण का उपयोग
letter-spacing गुण का उपयोग शब्द बनाने वाले अक्षरों के बीच स्पेस जोड़ने या घटाने के लिए किया जाता है। संभावित मान: normal या स्पेस निर्दिष्ट करने वाली संख्या। <html> <head> </head> <body> <p style=letter-spacing:7px;> This text is having space between le
-
CSS में टेक्स्ट को सजाएं
CSS में टेक्स्ट को सजाने के लिए text-decoration गुण का उपयोग करें। निम्न उदाहरण दर्शाता है कि टेक्स्ट को कैसे सजाया जाए। संभावित मान: none, underline, overline, line-through, blink। <html> <head> </head> <body> <p style=text-decoration:underline;> This w
-
CSS में टेक्स्ट के चारों ओर छाया सेट करें
टेक्स्ट के चारों ओर छाया सेट करने के लिए text-shadow गुण का उपयोग करें। निम्न कोड चलाकर CSS में टेक्स्ट के चारों ओर छाया सेट करना सीखें: उदाहरण <html> <head> </head> <body> <p style=text-shadow:3px 1px 4px green;> If your browser supports the CSS text-sh
-
CSS में text-align गुण का उपयोग
text-align गुण का उपयोग दस्तावेज़ के टेक्स्ट को संरेखित करने के लिए किया जाता है। संभावित मान: left, right, center, justify। उदाहरण निम्न कोड चलाकर text-align गुण लागू करें: <html> <head> </head> <body> <p style=text-align:right;> This will be right alig
-
CSS में पैराग्राफ़ की पहली पंक्ति को इंडेंट करें
पैराग्राफ़ की पहली पंक्ति को इंडेंट करने के लिए text-indent गुण का उपयोग करें। संभावित मान: % या इंडेंट स्पेस निर्दिष्ट करने वाली संख्या। उदाहरण निम्न कोड चलाकर पहली पंक्ति को इंडेंट करें: <html> <head> </head> <body> <p style=text-indent:2cm;> This text
-
CSS में अक्षरों के बीच स्पेस सेट करें
अक्षरों के बीच स्पेस सेट करने के लिए letter-spacing गुण का उपयोग करें। निम्न कोड चलाकर letter-spacing गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=letter-spacing:3px;> Asia is a continent. </p> </body> </html>
-
CSS से छवि बॉर्डर की चौड़ाई सेट करें
border गुण छवि बॉर्डर की चौड़ाई सेट करने के लिए उपयोग किया जाता है। इस गुण का मान लंबाई या % में हो सकता है। शून्य पिक्सेल की चौड़ाई का अर्थ है कोई बॉर्डर नहीं। उदाहरण निम्न कोड चलाकर छवि बॉर्डर की चौड़ाई सेट करें: <html> <head> </head> <body> <img style=border:0
-
CSS के साथ border गुण का उपयोग
border गुण छवि बॉर्डर की चौड़ाई सेट करने के लिए उपयोग किया जाता है। इस गुण का मान लंबाई या % में हो सकता है। शून्य पिक्सेल की चौड़ाई का अर्थ है कोई बॉर्डर नहीं। उदाहरण निम्न कोड चलाकर छवि बॉर्डर की चौड़ाई सेट करें: <html> <head> </head> <body> <img style=border:0
-
CSS से छवियों को स्टाइल कैसे करें?
CSS के साथ छवियों को स्टाइल करने के लिए, आपको height, width, -moz-opacity आदि गुणों का उपयोग करना होगा। आइए देखें कि -moz-opacity CSS गुण के साथ पारदर्शी छवि कैसे बनाएं: -moz-opacity गुण छवि की अस्पष्टता सेट करने के लिए उपयोग किया जाता है। यह गुण मोज़िला में पारदर्शी छवि बनाने के लिए उपयोग किया जाता
-
CSS से दाएं बॉर्डर का रंग बदलें
border-right-color गुण दाएं बॉर्डर का रंग बदलता है। उदाहरण निम्न कोड चलाकर border-right-color गुण लागू करें: <html> <head> <style> p.demo { border:3px solid; border-right-color:#FF0000; } </style> </head> <body> <p
-
CSS से टेक्स्ट को लोअरकेस में बदलें
CSS के साथ टेक्स्ट को लोअरकेस में बदलने के लिए, text-transform गुण का उपयोग lowercase मान के साथ करें। उदाहरण निम्न कोड चलाकर टेक्स्ट को लोअरकेस में बदलें: <html> <head> </head> <body> <p>Normal Text</p> <p style=text-transform:lowercase;>
-
CSS से टेक्स्ट को कैपिटलाइज़ करें
CSS के साथ टेक्स्ट को कैपिटलाइज़ करने के लिए, text-transform गुण का उपयोग capitalize मान के साथ करें। निम्न कोड चलाकर टेक्स्ट को कैपिटलाइज़ करें: <html> <head> </head> <body> <p style=text-transform:capitalize;> India </p> </body> </
-
CSS में white-space गुण का उपयोग
white-space गुण का उपयोग टेक्स्ट के प्रवाह और फ़ॉर्मेटिंग को नियंत्रित करने के लिए किया जाता है। उदाहरण निम्न कोड चलाकर white-space गुण लागू करें: <html> <head> </head> <body> <p style=white-space:pre;> This text has a line break and the white-space pre
-
CSS में text-shadow गुण का उपयोग
text-shadow गुण का उपयोग टेक्स्ट के चारों ओर छाया सेट करने के लिए किया जाता है। text-shadow गुण सेट करने के लिए निम्न कोड चलाएं: उदाहरण <html> <head> </head> <body> <p style=text-shadow:3px 2px 5px red;> If your browser supports the CSS text-shadow prope
-
CSS से टेक्स्ट को अपरकेस में बदलें
CSS के साथ टेक्स्ट को अपरकेस में बदलने के लिए, text-transform गुण का उपयोग uppercase मान के साथ करें। उदाहरण निम्न कोड चलाकर टेक्स्ट को अपरकेस में बदलें: <html> <head> </head> <body> <p>Normal Text</p> <p style=text-transform:uppercase;>
-
CSS से टेक्स्ट के प्रवाह और फ़ॉर्मेटिंग को नियंत्रित करें
white-space गुण का उपयोग टेक्स्ट के प्रवाह और फ़ॉर्मेटिंग को नियंत्रित करने के लिए किया जाता है। उदाहरण निम्न कोड चलाकर टेक्स्ट के प्रवाह को नियंत्रित करने के लिए white-space गुण लागू करें: <html> <head> </head> <body> <p style=white-space:pre;> This tex
-
CSS में color गुण का उपयोग
color गुण का उपयोग टेक्स्ट का रंग सेट करने के लिए किया जाता है। CSS में color गुण के साथ काम करना सीखने के लिए निम्न कोड चलाएं: उदाहरण <html> <head> </head> <body> <p style=color:blue;> This text will be written in blue. </p> </body> &l