वर्ड-रैप प्रॉपर्टी निर्दिष्ट करती है कि लंबे शब्दों को लपेटना है या नहीं जो निर्दिष्ट क्षेत्र की चौड़ाई में फिट नहीं होते हैं।
संक्षिप्त जानकारी
पदनाम
विवरण | उदाहरण | |
---|---|---|
<тип> | मान के प्रकार को इंगित करता है. | <размер> |
ए && बी | मान निर्दिष्ट क्रम में आउटपुट होने चाहिए। | <размер> && <цвет> |
ए | बी | इंगित करता है कि आपको प्रस्तावित मानों (ए या बी) में से केवल एक मान का चयन करने की आवश्यकता है। | सामान्य | छोटे अक्षर |
ए || बी | प्रत्येक मान का उपयोग स्वतंत्र रूप से या दूसरों के साथ किसी भी क्रम में किया जा सकता है। | चौड़ाई || गिनती करना |
समूह मान. | [फसल || पार करना ] | |
* | शून्य या अधिक बार दोहराएँ. | [,<время>]* |
+ | एक या अधिक बार दोहराएँ. | <число>+ |
? | निर्दिष्ट प्रकार, शब्द या समूह वैकल्पिक है। | इनसेट? |
(ए, बी) | कम से कम 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 तक समावेशी प्री-लाइन, प्री-रैप और इनहेरिट मानों का समर्थन नहीं करता है। के लिए
संस्करण 9.5 से पहले का ओपेरा प्री-लाइन मान का समर्थन नहीं करता है। के लिए
संस्करण 3.0 और आईओएस से पहले का सफारी प्री-रैप और प्री-लाइन मानों का समर्थन नहीं करता है।
संस्करण 2.0 तक फ़ायरफ़ॉक्स प्री-लाइन और प्री-रैप मानों का समर्थन नहीं करता है। के लिए
इंटरनेट सामग्री से बना है, सामग्री शब्दों से बनी है, और शब्द बहुत, बहुत लंबे हो सकते हैं। और देर-सबेर वेबमास्टर को लंबे शब्दों को हाइफ़न करने की समस्या का सामना करना पड़ता है। यह समस्या विशेष रूप से प्रतिक्रियाशील डिज़ाइन और सामग्री के छोटे ब्लॉकों के लिए प्रासंगिक है। तो आप इस समस्या से कैसे निपटेंगे?
हैफ़ेन
लंबे शब्दों को हाइफ़न करने का पहला उपाय हाइफ़न का उपयोग करना है।
डेफिसी (-वेबकिट-हाइफ़न: ऑटो; -मोज़-हाइफ़न: ऑटो; -एमएस-हाइफ़न: ऑटो; हाइफ़न: ऑटो;)
ब्राउज़र समर्थन: सीएसएस हाइफ़न क्रोम, ओपेरा, एंड्रॉइड को छोड़कर लगभग सभी आधुनिक ब्राउज़र द्वारा समर्थित हैं। इसके अलावा, अक्सर उन स्थानों पर हाइफ़न डाला जाता है जो व्याकरणिक रूप से ग़लत होते हैं।
शब्द विराम
शब्द विराम है सीएसएस संपत्ति, यह दर्शाता है कि क्या पंक्तियों को शब्दों के भीतर तोड़ा जाना चाहिए।
ओब्रिव-स्लोवा (-एमएस-वर्ड-ब्रेक: ब्रेक-ऑल; वर्ड-ब्रेक: ब्रेक-ऑल; वर्ड-ब्रेक: ब्रेक-वर्ड;)
ब्राउज़र समर्थन: ओपेरा मिनी और ओपेरा के पुराने संस्करणों को छोड़कर सभी ब्राउज़रों में वर्ड ब्रेक समर्थित हैं।
अतिप्रवाह आवरण
अगला समाधान ओवरफ़्लो-रैप का उपयोग करना है।
ओबर्टका-पेरेपोलनेनिया (शब्द-रैप: ब्रेक-वर्ड; ओवरफ्लो-रैप: ब्रेक-वर्ड;)
ब्राउज़र समर्थन: लगभग सभी ब्राउज़रों में समर्थित। नोट: कुछ ब्राउज़रों को "ओवरफ़्लो-रैप" के बजाय "वर्ड-रैप" के उपयोग की आवश्यकता होती है।
अंडाकार
एक अन्य विकल्प दीर्घवृत्त का उपयोग करना है।
Mnogotochiye (ओवरफ्लो: छिपा हुआ; व्हाइट-स्पेस: अब्रैप; टेक्स्ट-ओवरफ्लो: इलिप्सिस;)
ब्राउज़र समर्थन: सभी आधुनिक ब्राउज़र द्वारा समर्थित।
यह विधि काम करती है, लेकिन आदर्श से बहुत दूर है।
अंतिम समाधान:ओवरफ़्लो और हाइफ़न रैपर का उपयोग करना।
फाइनलनॉय-रेशेनिये (ओवरफ्लो-रैप: ब्रेक-वर्ड; वर्ड-रैप: ब्रेक-वर्ड; -वेबकिट-हाइफ़न: ऑटो; -एमएस-हाइफ़न: ऑटो; -मोज़-हाइफ़न: ऑटो; हाइफ़न: ऑटो; )
यह समाधान उस ब्राउज़र को एक हाइफ़न डालने की अनुमति देगा जो इसका समर्थन करता है, और जो ब्राउज़र इसका समर्थन नहीं करता है उसे एक लाइन ब्रेक डालने की अनुमति देगा।