धोखा शीट: पाठ सीएसएस इंडेंट करने के लिए कैसे

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

मार्जिन और padding: क्या अंतर है?

इससे पहले कि आप टेक्स्ट को फ़ॉर्मेट करने के लिए शुरू, तुम क्या मार्जिन और गद्दी को समझना चाहिए। तथ्य यह है कि कुछ मामलों में इन मार्कअप तत्वों उपयोगकर्ता के लिए एक ही लग रही के बावजूद, उन दोनों के बीच बुनियादी अंतर हैं:

• क्षेत्र गद्दी संपत्ति, इंडेंट सेट - मार्जिन;
• खाने में सामग्री और ब्लॉक सीमा, एक अंतरिक्ष के बीच एक अंतर से निर्धारित होता है - आसन्न ब्लॉकों की सीमाओं के बीच;
• क्षेत्र आकार में एक तत्व (चौड़ाई और ऊंचाई) और कोई के रूप में माना जा सकता है।

मार्जिन संपत्ति

तो,, क्षैतिज या लम्बवत गद्दी सीएसएस पाठ सेट डिजाइन मार्जिन उपयोग करने के लिए। यह गुण टैग

पैरा मास्टर दस्तावेज़ पर लागू होता है। सामान्य स्थिति में, यह के रूप में लिखा जा सकता है:

मार्जिन: 12px।

इस लाइन का मतलब है कि सभी पक्षों पर पाठ (या किसी अन्य ब्लॉक) के एक ब्लॉक के आसपास खरोज में 12 पिक्सल रखा गया है। अंतराल बढ़ाने के लिए, उदाहरण के लिए, तीन बार लिखने के लिए पर्याप्त है:

मार्जिन: 36px।

लेकिन क्या होगा अगर बीच ब्लॉक द अंतराल होना चाहिए अलग पर प्रत्येक पक्ष? वेब डेवलपर्स उपयोग कई रूपों का रिकॉर्ड:

1. मार्जिन: 11px 22px।
2. मार्जिन: 11px 22px 33px।
3. मार्जिन: 11px 22px 33px 44px।

22 पिक्सल द्वारा - पहले उदाहरण में, खरोज 11 पिक्सल ब्लॉक के किनारों पर ब्लॉक के निचले और ऊपरी सीमाओं से बने होते हैं,। ऊपरी किनारे और सामग्री के बीच एक दूसरे रिकॉर्ड इकाई के अनुसार 11 पिक्सल हो जाएगा कम के बीच, - प्रत्येक पक्ष पर 33 पिक्सेल - 22 पिक्सल द्वारा। तीसरे मामले सीएसएस मांगपत्र पाठ में ऊपर से 11 पिक्सल, दाईं ओर 22 पिक्सल, 33 पिक्सल और नीचे बाएँ से 44 पिक्सल के एक मूल्य होगा।

मार्जिन टॉप, margin-bottom: भी उपलब्ध केवल एक तरफ ब्लॉक सीमा से दूरी रिकॉर्ड करने की क्षमता है , मार्जिन छोड़ दिया, मार्जिन-सही। रूसी भाषा में गुण के नाम का अनुवाद करना, यह उनकी नियुक्ति के बारे में अनुमान लगाना आसान है। उदाहरण के लिए, निम्नलिखित प्रविष्टि इंगित करता है कि सही पर खरोज 22 पिक्सल के बराबर हो जाएगा:

मार्जिन-सही: 22rh।

ग्रहण ब्लॉक के पक्षों के आसपास शेष दूरी के लिए पेरेंट तत्व के मूल्य के बराबर माना जाता है।

मार्जिन संपत्ति सुविधाओं है कि एक डेवलपर जब खड़ी सीएसएस पाठ इंडेंट का उपयोग कर याद करने की जरूरत है। आसन्न तत्वों के अंतराल अभिव्यक्त नहीं कर रहे हैं, और एक दूसरे पर आरोपित। उदाहरण के लिए, मान लीजिए इकाइयों में से एक एक margin-bottom है: 15px, और आसन्न ब्लॉक मार्जिन टॉप नीचे: 35px। स्कूल गणित और सामान्य ज्ञान का सुझाव है कि उन दोनों के बीच कुल रिक्ति 50 पिक्सल है। व्यवहार में ऐसा नहीं है। संपत्ति मार्जिन «निगल" अपने पड़ोसी की एक बड़ी मूल्य के साथ एक ब्लॉक। नतीजतन, तत्वों के बीच अंतराल 35 पिक्सल है।

"लाल" लाइन

किसी पाठ संपादक में दस्तावेज़ बनाना, उन "लाल" लाइन के साथ प्रत्येक नए पैरा पूछने के लिए पसंद करते हैं। पाठ इंडेंट डिजाइन उपयोग - बाईं तरफ सीएसएस पाठ इंडेंट का उपयोग करने के लिए आसान है। इस तरह यह लिखा:

पाठ इंडेंट: 11px।

यही कारण है कि पैरा की पहली पंक्ति 11 पिक्सल के बाईं मार्जिन के सापेक्ष स्थानांतरित कर दिया जाता है। देखा अधिक संपादक में एक दस्तावेज की तरह वेब पृष्ठ का पाठ करने के लिए, आप एक अतिरिक्त औचित्य स्थापित करना चाहिए, वह है, लिखें:

पाठ इंडेंट: 11px;

text-align: का औचित्य साबित।

इंच, अंक, ब्याज - पिक्सल के अलावा, मार्कअप के विवरण में अन्य इकाइयों के उपयोग की अनुमति है। इकाई 10% की सीएसएस पाठ खरोज है करते हैं। जब 500 पिक्सल के ब्लॉक की चौड़ाई, लाल रेखा 50 पिक्सल (500 का 10%) हो जाएगा।

इस संपत्ति के लिए मूल्य इनहेरिट का प्रदर्शन किया जा सकता है। इस रिकॉर्ड है कि इकाई माता पिता इकाई की एक ऐसी ही संपत्ति का उपयोग करता है कहते हैं।

पाठ इंडेंट: प्राप्त करती हैं।

हैरानी की बात है, खरोज नकारात्मक मूल्यों पर ले जा सकते हैं! इस मामले में, अनुमानों तथाकथित द्वारा गठित कर रहे हैं, कि मूल पाठ जगह में रहता है, और पहली पंक्ति 22 पिक्सल द्वारा छोड़ा लिए स्थानांतरित कर दिया जाता है:

पाठ इंडेंट: -22px।

पत्र ब्राउज़र के बाईं सीमा पर पारित नहीं कर रहे हैं, पाठ इंडेंट क्षेत्र की संरचना को परिभाषित करने के लिए इस्तेमाल किया जाना चाहिए के अलावा:

padding-left: 22px।

सहायक संकेत

के लिए सीएसएस के बुनियादी गुण पाठ स्वरूपण माना जाता है। और उनमें मदद अभ्यास ठीक। यहाँ कैसे वेब विकास में सीखा सामग्री लागू करने के बारे में कुछ अंतिम सुझाव दिए गए हैं:

• लाल रेखा और The खरोज का पाठ - अलग अवधारणाओं, और विभिन्न गुणों का इस्तेमाल किया के लिए उनके मार्गदर्शन;
• ऊर्ध्वाधर खरोज नियम लागू नहीं होते गणित - अंतराल ओवरलैप, बड़ा मूल्य के साथ तत्व "जीत";
• नकारात्मक खरोज एक छवि के साथ एक पैराग्राफ की पहली पंक्ति इंगित करने के लिए प्रयोग किया जाता है।