border-width गुण बॉर्डर की चौड़ाई बदलता है (मूल में गलती से रंग लिखा था)। उदाहरण निम्न कोड चलाकर border-width गुण लागू करें: <html> <head> </head> <body> <p style=border-width:3px; border-style:solid;> Example showing border width and style </p>

border-bottom-color गुण निचले बॉर्डर का रंग बदलता है। उदाहरण निम्न कोड चलाकर border-bottom-color गुण लागू करें: <html> <head> <style> p.demo { border:3px solid; border-bottom-color:#FF0000; } </style> </head> <body> &l

margin-top किसी तत्व का ऊपरी मार्जिन निर्दिष्ट करता है। इसका मान लंबाई, % या auto में हो सकता है। उदाहरण निम्न कोड चलाकर ऊपरी मार्जिन सेट करें: <html> <head> </head> <body> <p style=margin-top: 10px; border:2px solid red;> This is a paragraph with a spec

सक्रिय लिंक्स का रंग बदलने के लिए, :active छद्म-वर्ग का उपयोग करें। निम्न कोड चलाकर सक्रिय लिंक्स का रंग बदलें: उदाहरण <html> <head> <style> a:active { color: #FF00CC } </style> </head> <body> <a href=>My Demo Link</a

border-collapse निर्दिष्ट करता है कि ब्राउज़र को एक-दूसरे को छूने वाले आसन्न बॉर्डर्स की उपस्थिति को नियंत्रित करना चाहिए या प्रत्येक सेल को अपनी शैली बनाए रखनी चाहिए। उदाहरण निम्न कोड चलाकर border-collapse गुण के साथ काम करना सीखें: <html> <head> <style> table.one {

border-spacing टेबल सेल्स के बीच की चौड़ाई निर्दिष्ट करता है। यह एक या दो मान ले सकता है; ये लंबाई की इकाइयां होनी चाहिए। उदाहरण निम्न कोड चलाकर टेबल सेल्स की चौड़ाई सेट करें: <html> <head> <style> table.one { border-collapse:separate; width:300px;

caption-side गुण आपको यह निर्दिष्ट करने की अनुमति देता है कि <caption> तत्व की सामग्री को टेबल के संबंध में कहां रखा जाना चाहिए। उदाहरण इस गुण के चार मान हो सकते हैं: top, bottom, left या right। आइए caption-side गुण लागू करने का उदाहरण देखें: <html> <head> <style>

empty-cells गुण निर्दिष्ट करता है कि यदि सेल खाली है तो बॉर्डर दिखाया जाना चाहिए या नहीं। यह इंगित करता है कि बिना किसी सामग्री वाले सेल का बॉर्डर प्रदर्शित होना चाहिए। उदाहरण इस गुण के तीन मान हो सकते हैं: show, hide या inherit। <html> <head> <style> table.empty{

border-spacing टेबल सेल्स के बीच की चौड़ाई निर्दिष्ट करता है। यह एक या दो मान ले सकता है; ये लंबाई की इकाइयां होनी चाहिए। उदाहरण निम्न कोड चलाकर टेबल सेल्स की चौड़ाई सेट करें: <html> <head> <style> table.one { border-collapse:separate; width:300px;

CSS caption-side गुण का उपयोग टेबल कैप्शन की स्थिति को नियंत्रित करने के लिए किया जाता है। उदाहरण निम्न कोड चलाकर caption-side गुण लागू करें: <html> <head> <style> caption.top { caption-side:top } caption.bottom { caption-side:bottom }

table-layout गुण आपको यह नियंत्रित करने में मदद करता है कि ब्राउज़र टेबल को कैसे रेंडर या लेआउट करे। इस गुण के तीन मान हो सकते हैं: fixed, auto या inherit। उदाहरण निम्न कोड चलाकर CSS table-layout गुण लागू करें: <html> <head> <style> table.auto { table-layout: au

border-top-style गुण ऊपरी बॉर्डर की शैली बदलता है। उदाहरण निम्न कोड चलाकर ऊपरी बॉर्डर की शैली बदलें: <html> <head> </head> <body> <p style=border-width:2px; border-top-style:solid;> Example showing top border </p> </body> </html>

border-color गुण बॉर्डर का रंग निर्दिष्ट करता है। निम्न कोड चलाकर border-color गुण लागू करें: उदाहरण <html> <head> <style> p.demo { border:2px dashed; border-color:#800000; } </style> </head> <body> <p class=demo>

width गुण छवि की चौड़ाई सेट करने के लिए उपयोग किया जाता है। इस गुण का मान लंबाई या % में हो सकता है। % में मान देने पर यह उस बॉक्स के संबंध में लागू होता है जिसमें छवि उपलब्ध है। उदाहरण निम्न कोड चलाकर छवि की चौड़ाई सेट करें: <html> <head> </head> <body> <img sty

height गुण छवि की ऊंचाई सेट करने के लिए उपयोग किया जाता है। इस गुण का मान लंबाई या % में हो सकता है। % में मान देने पर यह उस बॉक्स के संबंध में लागू होता है जिसमें छवि उपलब्ध है। उदाहरण निम्न कोड चलाकर छवि की ऊंचाई सेट करें: <html> <head> </head> <body> <img styl

छवि की अस्पष्टता सेट करने के लिए, CSS -moz-opacity गुण का उपयोग करें। यह गुण मोज़िला में पारदर्शी छवि बनाने के लिए उपयोग किया जाता है। IE filter:alpha(opacity=x) का उपयोग करता है। उदाहरण निम्न कोड चलाकर CSS के साथ छवि को स्टाइल करें और अस्पष्टता सेट करें: <html> <head> </head>

छवि का -moz-opacity गुण छवि की अस्पष्टता सेट करने के लिए उपयोग किया जाता है। यह गुण मोज़िला में पारदर्शी छवि बनाने के लिए उपयोग किया जाता है। IE पारदर्शी छवियां बनाने के लिए filter:alpha(opacity=x) का उपयोग करता है। उदाहरण निम्न कोड चलाकर CSS के साथ छवि को स्टाइल करें और अस्पष्टता सेट करें: <html

CSS के साथ लिंक का रंग सेट करने के लिए, निम्न कोड चलाएं: उदाहरण <html> <head> <style> a:link { color:#000000 } </style> </head> </head> <body> <a href=>My Link</a> </body> </html> :link छद्म-व

padding-right किसी तत्व का दायां पैडिंग निर्दिष्ट करता है। यह तत्व का दायां पैडिंग सेट करता है। यह लंबाई या % में मान ले सकता है। <html> <head> </head> <body> <p style=padding-right: 10px; border:1px solid blue;> This is a paragraph with a specified righ

padding गुण किसी तत्व का बायां, दायां, ऊपरी और निचला पैडिंग (स्पेस) सेट करता है। उदाहरण निम्न कोड चलाकर padding गुण लागू करें: <html> <head> </head> <body> <p style=padding: 25px; border:2px solid orange;> All four padding will be 25px </p>