HTML में वर्ड हाइफ़नेशन. सीएसएस का उपयोग करके लंबे शब्दों को लपेटना जो विशेषता शब्द रैपिंग को परिभाषित करती है

💖क्या आपको यह पसंद है?लिंक को अपने दोस्तों के साथ साझा करें

वर्ड-रैप प्रॉपर्टी निर्दिष्ट करती है कि लंबे शब्दों को लपेटना है या नहीं जो निर्दिष्ट क्षेत्र की चौड़ाई में फिट नहीं होते हैं।

संक्षिप्त जानकारी

पदनाम

विवरणउदाहरण
<тип> मान के प्रकार को इंगित करता है.<размер>
ए && बीमान निर्दिष्ट क्रम में आउटपुट होने चाहिए।<размер> && <цвет>
ए | बीइंगित करता है कि आपको प्रस्तावित मानों (ए या बी) में से केवल एक मान का चयन करने की आवश्यकता है।सामान्य | छोटे अक्षर
ए || बीप्रत्येक मान का उपयोग स्वतंत्र रूप से या दूसरों के साथ किसी भी क्रम में किया जा सकता है।चौड़ाई || गिनती करना
समूह मान.[फसल || पार करना ]
* शून्य या अधिक बार दोहराएँ.[,<время>]*
+ एक या अधिक बार दोहराएँ.<число>+
? निर्दिष्ट प्रकार, शब्द या समूह वैकल्पिक है।इनसेट?
(ए, बी)कम से कम A दोहराएँ, लेकिन B से अधिक बार नहीं।<радиус>{1,4}
# अल्पविराम से अलग करके एक या अधिक बार दोहराएँ।<время>#
×

मान

सामान्य रेखाएं लपेटी नहीं जाती हैं या उन स्थानों पर लपेटी जाती हैं जहां लपेटना स्पष्ट रूप से निर्दिष्ट होता है (उदाहरण के लिए, का उपयोग करके)।
). ब्रेक-वर्ड यह सुनिश्चित करने के लिए लाइन ब्रेक स्वचालित रूप से जोड़े जाते हैं कि शब्द निर्दिष्ट ब्लॉक चौड़ाई के भीतर फिट बैठता है।

उदाहरण

वर्ड रैप

संज्ञा

मान्यवर

चेतन संज्ञा

ग्यारहवीं कक्षा का छात्र

रासायनिक पदार्थ

मेथोक्सीक्लोरोडायथाइलामिनोमिथाइलब्यूटाइलामिनोएक्रिडीन



इस उदाहरण का परिणाम चित्र में दिखाया गया है। 1.

चावल। 1. लम्बे शब्दों को लपेटना

ऑब्जेक्ट मॉडल

एक वस्तु.style.wordWrap

विनिर्देश

प्रत्येक विशिष्टता अनुमोदन के कई चरणों से गुजरती है।

  • सिफ़ारिश - विनिर्देश को W3C द्वारा अनुमोदित किया गया है और एक मानक के रूप में अनुशंसित किया गया है।
  • उम्मीदवार की सिफ़ारिश ( संभावित सिफ़ारिश) - मानक के लिए जिम्मेदार समूह संतुष्ट है कि वह अपने लक्ष्यों को पूरा करता है, लेकिन मानक को लागू करने के लिए विकास समुदाय से मदद की आवश्यकता होती है।
  • प्रस्तावित सिफ़ारिश सुझाई गई सिफ़ारिश) - इस स्तर पर दस्तावेज़ अंतिम अनुमोदन के लिए W3C सलाहकार परिषद को प्रस्तुत किया जाता है।
  • वर्किंग ड्राफ्ट - ड्राफ्ट का अधिक परिपक्व संस्करण जिस पर चर्चा की गई है और सामुदायिक समीक्षा के लिए संशोधन किया गया है।
  • संपादक का मसौदा ( संपादकीय मसौदा) - परियोजना संपादकों द्वारा परिवर्तन किए जाने के बाद मानक का एक मसौदा संस्करण।
  • मसौदा ( ड्राफ्ट विशिष्टता) - मानक का पहला मसौदा संस्करण।
×

संक्षिप्त जानकारी

सीएसएस संस्करण

सीएसएस 1 सीएसएस 2 सीएसएस 2.1 सीएसएस 3

विवरण

व्हाइट-स्पेस प्रॉपर्टी निर्दिष्ट करती है कि शब्दों के बीच रिक्त स्थान कैसे प्रदर्शित किया जाए। में सामान्य स्थितियाँ HTML कोड में किसी भी संख्या में रिक्त स्थान वेब पेज पर एक के रूप में दिखाई देते हैं। अपवाद टैग है

इस कंटेनर में रखा गया टेक्स्ट सभी स्थानों के साथ आउटपुट होता है क्योंकि इसे उपयोगकर्ता द्वारा स्वरूपित किया गया था।  इसलिए व्हाइट-स्पेस टैग के काम करने के तरीके का अनुकरण करता है 
लेकिन इसके विपरीत, यह फ़ॉन्ट को मोनोस्पेस में नहीं बदलता है।

वाक्य - विन्यास

श्वेत-स्थान: सामान्य | अब्रैप | पूर्व | प्री-लाइन | प्री-रैप | इनहेरिट

मान

सामान्य ब्राउज़र विंडो में टेक्स्ट हमेशा की तरह प्रदर्शित होता है, लाइन ब्रेक स्वचालित रूप से सेट हो जाते हैं। अब्रैप स्पेस को ध्यान में नहीं रखा जाता है, HTML कोड में लाइन ब्रेक को नजरअंदाज कर दिया जाता है, सभी टेक्स्ट को एक लाइन पर प्रदर्शित किया जाता है; उसी समय, एक टैग जोड़ना
टेक्स्ट को एक नई लाइन पर लपेटता है। पूर्व पाठ को सभी रिक्त स्थान और हाइफ़न को ध्यान में रखते हुए दिखाया गया है क्योंकि उन्हें HTML कोड में डेवलपर द्वारा जोड़ा गया था। यदि लाइन बहुत लंबी है और ब्राउज़र विंडो में फिट नहीं बैठती है, तो एक क्षैतिज स्क्रॉल बार जोड़ा जाएगा। पाठ में पूर्व-पंक्ति रिक्त स्थान को ध्यान में नहीं रखा जाता है, पाठ स्वचालित रूप से स्थानांतरित हो जाता है अगली पंक्ति, यदि यह निर्दिष्ट क्षेत्र में फिट नहीं बैठता है। प्री-रैप टेक्स्ट में सभी रिक्त स्थान और विराम संरक्षित होते हैं, लेकिन यदि पंक्ति की चौड़ाई निर्दिष्ट क्षेत्र में फिट नहीं होती है, तो टेक्स्ट स्वचालित रूप से अगली पंक्ति में लपेट दिया जाएगा। विरासत माता-पिता का मूल्य विरासत में मिलती है।

पाठ पर मूल्यों का प्रभाव तालिका में प्रस्तुत किया गया है। 1.

HTML5 CSS2.1 IE Cr Op Sa Fx

व्हाइट-स्पेस

उदाहरण

फ़र्मेट का अंतिम प्रमेय
एक्स एन+य एन= जेड एन
जहाँ n एक पूर्णांक > 2 है



इस उदाहरण का परिणाम चित्र में दिखाया गया है। 1.

चावल। 1. व्हाइट-स्पेस प्रॉपर्टी लागू करना

ऑब्जेक्ट मॉडल

document.getElementById("elementID").style.whiteSpace

ब्राउज़र्स

ब्राउज़र इंटरनेट एक्सप्लोररसंस्करण 7.0 तक समावेशी प्री-लाइन, प्री-रैप और इनहेरिट मानों का समर्थन नहीं करता है। के लिए