CSS व्हाइट-स्पेस प्रभाव

परिभाषा और उपयोग

white-space गुण एलिमेंट के अंदर खाली वर्गों को कैसे देखा जाए बताता है。

यह गुण व्यवस्था देता है कि एलिमेंट में खाली वर्गों को कैसे देखा जाए। मान pre-wrap और pre-line जो CSS 2.1 में नये आये हैं。

और देखें:

CSS पाठ्यक्रम:CSS टेक्स्ट

HTML DOM संदर्भ निर्देशिका:whiteSpace गुण

उदाहरण

परिच्छेद में टेक्स्ट को नहीं बदलता के लिए निर्देश देता है:

p
  {
  white-space: nowrap;
  }

स्वयं के अनुभव करें

CSS व्याकरण

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

गुण मान

मान वर्णन
सामान्य डिफ़ॉल्ट। खाली गए वर्गों को ब्राउज़र द्वारा नज़रअंदाज़ किया जाता है。
pre खाली गए वर्गों को ब्राउज़र द्वारा बनाया जाता है। यह <pre> टैग के व्यवहार के समान है。
nowrap टेक्स्ट नहीं बदलता लेकिन एक ही पंक्ति पर चलता रहता है जब तक कि <br> टैग तक नहीं पहुँचता है。
pre-wrap खाली गए वर्गों की श्रृंखला को मिलाया जाता है लेकिन नमामी रूप से पंक्ति बदला जाता है。
pre-line खाली गए वर्गों की श्रृंखला को मिलाया जाता है लेकिन नये पंक्ति के लिए नया पंक्ति के सिंगोफ रखा जाता है。
विरासत पूर्ण white-space गुण के मान को पिता एलिमेंट से ले लेने का निर्देश देता है。

तकनीकी विवरण

डिफ़ॉल्ट वैल्यू: सामान्य
विरासतीयता: हाँ
संस्करण: CSS1
जावास्क्रिप्ट व्याकरण: ऑब्जेक्ट.style.whiteSpace="pre"

और अधिक उदाहरण

एलिमेंट में टेक्स्ट के फलक को रोकना
इस उदाहरण में देखा जाता है कि कैसे एक एलिमेंट में टेक्स्ट के फलक को रोका जाए।

ब्राउज़र समर्थन

तालिका में दिए गए नंबरों में पूर्ण समर्थन प्राप्त करने वाले पहले ब्राउज़र का संस्करण उल्लेख किया गया है。

च्रोम IE / एज फ़ायरफॉक्स सैफारी ओपेरा
1.0 8.0 3.5 3.0 9.5