Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS वर्डस्पेसिंग संपत्ति के साथ शब्दों के बीच रिक्ति का प्रबंधन

<घंटा/>

CSS वर्ड-स्पेसिंग संपत्ति को परिभाषित करके, हम शब्दों के बीच सफेद स्थान की मात्रा निर्धारित कर सकते हैं।

निम्नलिखित उदाहरण CSS वर्ड-स्पेसिंग गुण को दर्शाते हैं।

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
div {
   margin: 2%;
   padding: 2%;
   background-color: mediumorchid;
   color: ivory;
   word-spacing: 2.2cm;
}
div:last-of-type {
   word-spacing: normal;
}
</style>
</head>
<body>
<div>I Don't Care! I Love It!</div>
<div>I Don't Care! I Love It!</div>
</body>
</html>

आउटपुट

यह निम्नलिखित परिणाम देगा -

CSS वर्डस्पेसिंग संपत्ति के साथ शब्दों के बीच रिक्ति का प्रबंधन

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
article {
   margin: 2%;
   padding: 2%;
   background-color: azure;
   word-spacing: 2.2cm;
}
article:last-of-type {
   word-spacing: normal;
}
</style>
</head>
<body>
<article>tldr; this article doesn;t mean anything</article>
<article>0123456789 is not a phone number</article>
</body>
</html>

आउटपुट

यह निम्नलिखित परिणाम देगा -

CSS वर्डस्पेसिंग संपत्ति के साथ शब्दों के बीच रिक्ति का प्रबंधन


  1. वर्ड स्पेसिंग CSS के साथ कार्य करना

    CSS वर्ड-स्पेसिंग प्रॉपर्टी का उपयोग किसी तत्व के शब्दों के बीच की जगह को निर्दिष्ट करने के लिए किया जाता है। सिंटैक्स CSS वर्ड-स्पेसिंग प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    word-spacing: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS वर्ड-स्पेसिंग गुण को दर्शाते हैं - <!DOCTY

  1. सीएसएस उपस्थिति संपत्ति के साथ कस्टम चेकबॉक्स

    हम उपयोगकर्ता के ऑपरेटिंग सिस्टम की प्लेटफ़ॉर्म-देशी शैली के अनुसार किसी तत्व को स्टाइल करने के लिए अपीयरेंस प्रॉपर्टी का उपयोग करते हैं। सिंटैक्स CSS अपीयरेंस प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता {उपस्थिति:/*मान*/; -वेबकिट-उपस्थिति:/*मूल्य*/; /*Safari और Chrome के लिए */ -moz-appearance:/

  1. CSS लेटर-स्पेसिंग प्रॉपर्टी वाले लेटर्स के बीच स्पेस सेट करना

    CSS लेटर-स्पेसिंग प्रॉपर्टी का उपयोग करके, हम टेक्स्ट के अक्षरों के बीच स्पेस की मात्रा निर्दिष्ट कर सकते हैं। उदाहरण निम्नलिखित उदाहरण CSS लेटर-स्पेसिंग प्रॉपर्टी को दर्शाते हैं। p:फर्स्ट-ऑफ़-टाइप { मार्जिन:3%; गद्दी:3%; पृष्ठभूमि-रंग:समुद्री हरा; रंग सफेद; लेटर-स्पेसिंग:2em; फ़ॉन्ट-आकार:2em; text