लाइन-ब्रेक - सीएसएस-ट्रिक्स

सीएसएस line-breakसंपत्ति परिभाषित करती है कि नई लाइनों पर पाठ रैपिंग के लिए नियमों को सख्ती से लागू करने के लिए, विशेष रूप से चीनी, जापानी या कोरियाई (सीजेके) लेखन प्रणालियों में प्रतीकों और विराम चिह्नों के साथ काम करते समय। यह CSS पाठ मॉड्यूल स्तर 3 विनिर्देश में शामिल है, जो वर्तमान में संपादक के प्रारूप में है।

.element ( line-break: strict; )

डेमो

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

line-break: auto | loose | normal | strict | anywhere;

प्रारंभिक: auto
पर लागू होता है: सभी तत्व
इन्हेरिटेड: हाँ
कंप्यूटेड वैल्यू: जैसा कि निर्दिष्ट है
एनिमेशन प्रकार: असतत

मूल्यों

/* Keyword values */ line-break: auto; line-break: loose; line-break: normal; line-break: strict; line-break: anywhere; /* Global values */ line-break: inherit; line-break: initial; line-break: unset;

auto: यह ब्राउजर को यह तय करने देता है कि यह किस तरह से लाइन को तोड़ता है। प्रत्येक ब्राउज़र लाइन लंबाई सहित कारकों के आधार पर अपने मानदंडों पर भिन्न हो सकता है।
loose: यह लाइन ब्रेकिंग नियमों का सबसे हल्का प्रवर्तन है। युक्ति पाठ की छोटी पंक्तियों का हवाला देती है, जैसे कि हम एक अखबार में देख सकते हैं, उदाहरण के रूप में जहां इस मूल्य का उपयोग किया जा सकता है।
normal: यह नियमों के "सबसे आम" सेट के आधार पर पाठ की पंक्तियों को तोड़ता है। (ध्यान दें कि नियमों का सबसे सामान्य सेट क्या है या इसमें क्या हो सकता है, इसके बारे में कोई परिभाषा नहीं दी गई है।)
strict: यह लाइन ब्रेक के लिए नियमों के सबसे सख्त सेट को लागू करता है।
anywhere: यह मान सॉफ्ट रैप के अवसरों को सक्षम करता है, जो पाठ को शब्द सीमा के बजाय रिक्त स्थान या विराम चिह्न पर तोड़ने की अनुमति देता है। यह उन भाषाओं के लिए आदर्श है जो शब्दों को अलग करने के लिए रिक्त स्थान या विराम चिह्न का उपयोग नहीं कर सकती हैं। युक्ति कहती है कि CSS सॉफ्ट रैप अवसरों को परिभाषित नहीं करता है, और यह मान पहचानता है और उन्हें लाइन ब्रेकिंग नियम लागू करने के लिए लाभ देता है। युक्ति टेक्स्ट रैपिंग व्यवहार का वर्णन करती है जैसे हम आमतौर पर टर्मिनल में देखते हैं।

कल्पना यह भी नोट करती है कि anywhereमान white-spaceसेट की गई संपत्ति के साथ उपयोग किए जाने पर एक पंक्ति के अंत में संरक्षित सफेद रिक्त स्थान को अगली पंक्ति में लपेटने की अनुमति देता है break-spaces।

विभिन्न भाषाओं में मूल्य व्यवहार

जैसा कि आप कल्पना कर सकते हैं, अलग-अलग भाषाओं की अलग-अलग प्राथमिकताएँ हैं जब यह आता है कि नई लाइनों पर पाठ कैसे टूटा है। सभी भाषाओं द्वारा उपयोग किया जाने वाला कोई मानकीकृत सम्मेलन नहीं है। यह पता लगाने के लिए ब्राउज़र पर छोड़ देता है कि किसी विशेष भाषा के "सही" नियमों का पालन करें। लेकिन विनिर्देश यह निर्धारित करने के लिए कई आवश्यकताओं को रेखांकित करता है कि क्या line-breakकुछ स्थितियों में सख्ती के विभिन्न स्तरों पर लाइन ब्रेकिंग की अनुमति है। हम उन्हें यहाँ प्रस्तुत करेंगे।

परिस्थिति	`normal`	`loose`	`strict`
जापानी छोटे काना या कताकाना-हीरागाना लंबे समय तक ध्वनि चिह्न से पहले टूटता है, यानि यूनिकोड रेखा वर्ग से वर्ण `CJ`	❌	✅	✅
कुछ सीजेके हाइफ़न जैसे पात्रों से पहले ब्रेक: 301 U + 301C, + U + 30A0	❌	System यदि लेखन प्रणाली चीनी या जापानी है	अनुमति है, अगर लेखन प्रणाली चीनी या जापानी है
कुछ सीजेके हाइफ़न जैसे पात्रों से पहले ब्रेक: 301 U + 301C, + U + 30A0	❌	✅ यदि पूर्ववर्ती चरित्र यूनिकोड लाइन ब्रेकिंग क्लास से संबंधित है `ID`(जब पूर्ववर्ती वर्ण को उसी के अनुसार माना जाता `ID`है तो)`word-break: break-all)`	❌
पुनरावृति के निशान से पहले का ब्रेक: + U + 3005, 30 U + 303B, + U + 309D, D U + 309E, + U + 30FD, + U + 30FE	❌	✅	❌
अविभाज्य वर्णों (जैसे 20 U + 2025,… U + 2026) के बीच का ब्रेक यानि यूनिकोड लाइन ब्रेकिंग क्लास के अक्षर `IN`	❌	✅	❌
कुछ केंद्रीकृत विराम चिह्नों से पहले का ब्रेक: 30 U + 30FB, F U + FF1A, 1 U + FF1B, + U + FF65, + U + 203C, + U + 2047,⁈ U + 2048,⁉ U + 2049,！ U + FF01, + U + FF1F	❌	✅	❌
प्रत्यय से पहले टूट: यूनिकोड लाइन तोड़ने वर्ग के साथ वर्ण `PO`और पूर्व एशियाई चौड़ाई संपत्ति `Ambiguous`, `Fullwidth`, या `Wide`।	❌	✅	❌
उपसर्ग के बाद टूट जाता है: यूनिकोड लाइन तोड़ने वर्ग के साथ वर्ण `PR`और पूर्व एशियाई चौड़ाई संपत्ति `Ambiguous`, `Fullwidth`, या `Wide`।	❌	✅	❌