CSS word-spacing प्रॉपर्टी का उपयोग किसी एलिमेंट के शब्दों के बीच स्पेस स्पेसिफाई करने के लिए किया जाता है।
सिंटैक्स
CSS word-spacing प्रॉपर्टी का सिंटैक्स निम्नलिखित है:
Selector { word-spacing: /*value*/ }उदाहरण
निम्नलिखित उदाहरण CSS word-spacing प्रॉपर्टी को दर्शाते हैं:
<!DOCTYPE html> <html> <head> <style> div { display: flex; float: left; padding: 10px; background-color: salmon; } div > div { word-spacing: 30px; width: 340px; height: 140px; border-radius: 5%; box-shadow: inset 0 0 15px blueviolet; } </style> </head> <body> <div> <div> Magento is an open source E-commerce software, created by Varien Inc., which is useful for online business. It has a flexible modular architecture and is scalable with many control options that is helpful for users.</div> </div> </body> </html>आउटपुट
यह निम्नलिखित आउटपुट देता है:
उदाहरण
<!DOCTYPE html> <html> <head> <style> q { display: flex; padding: 10px; word-spacing: 6em; background-color: orange; font-size: 1.2em; } </style> </head> <body> <h2>What is Java?</h2> According to Java's official documentation, <hr> <q cite="https://www.java.com/en/download/faq/whatis_java.xml">Java is a programming language and computing platform first released by Sun Microsystems in 1995.</q> </body> </html>आउटपुट
यह निम्नलिखित आउटपुट देता है:
