पाना धोखा: पाठ CSS कसरी इन्डेन्ट गर्न

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

मार्जिन र padding: फरक के छ?

तपाईं पाठ ढाँचा सुरु गर्नु अघि, तपाईं के मार्जिन र padding बुझ्नुपर्छ। केही अवस्थामा यी मार्कअप तत्व प्रयोगकर्ता नै हेर्न भन्ने तथ्यलाई बावजुद बीच मौलिक मतभेद छन्:

• क्षेत्र सेट गर्दछ, padding सम्पत्ति, इन्डेन्ट - मार्जिन;
• क्षेत्र सामग्रीहरू र ब्लक सीमा, एक स्थान बीच एक अंतर निर्धारण गरिन्छ - आसन्न ब्लक को सीमाहरु बीच;
• क्षेत्र आकार मा एक तत्व (चौडाई र उचाई) र कुनै रूपमा छलफल गर्न सकिन्छ।

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

त्यसैले, तेर्सो वा ठाडो गद्दी CSS पाठ सेट गर्न, डिजाइन मार्जिन प्रयोग गर्नुहोस्। यो सम्पत्ति ट्याग

अनुच्छेद मास्टर कागजात लागू हुन्छ। साधारण मामला मा, यो लेखिएको हुन सक्छ:

मार्जिन: 12px।

यो लाइन पाठ (वा अन्य कुनै पनि ब्लक) सबै पक्षलाई एक ब्लक वरिपरि इन्डेन्टेसन मा राखिएको 12 पिक्सेल छ भन्ने हो। को अन्तराल वृद्धि गर्न, उदाहरणका लागि, तीन पटक लेख्न पर्याप्त छ:

मार्जिन: 36px।

तर अन्तराल को ब्लक बीच के भने प्रत्येक पक्षमा विभिन्न हुनुपर्छ? वेब विकासकर्ताहरूले रेकर्ड धेरै प्रकारका प्रयोग:

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

द्वारा 22 पिक्सेल - पहिलो उदाहरणमा, इन्डेन्टेसन 11 पिक्सल, ब्लक तल्लो र माथिल्लो सीमा बनाइएका छन् ब्लक को पक्ष मा। माथिल्लो किनारा र सामग्री बीच दोस्रो रेकर्ड एकाइ अनुसार हुनेछ, तल्लो बीच 11 पिक्सेल - प्रत्येक पक्षमा 33 पिक्सेल - द्वारा 22 पिक्सेल। तेस्रो मामला CSS इन्डेन्ट पाठमा शीर्ष 11 पिक्सल, दाहिने तिर 22 पिक्सल, 33 पिक्सेल र तल बायाँ देखि 44 पिक्सेल को मान हुनेछ।

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

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

ग्रहण ब्लक को पक्ष वरिपरि बाँकी दूरी लागि अभिभावक तत्व को मूल्य बराबर हुन।

मार्जिन सम्पत्ति सुविधाहरू एक डेभलपर ठाडो CSS पाठ इन्डेन्ट प्रयोग गर्दा सम्झना गर्न आवश्यक छ कि छ। आसन्न तत्व को अन्तराल समेट्न छैन, र प्रत्येक अन्य मा superimposed। उदाहरणका लागि, एकाइहरूको एक मार्जिन-तल छ ठान्नु: 15px, र आसन्न ब्लक मार्जिन-शीर्ष तल: 35px। स्कूल गणित र सामान्य अर्थमा तिनीहरू बीच कुल दूरी हुन 50 पिक्सेल हुनेछ भनी सिकाउँछ। व्यवहार मा यो छैन। सम्पत्ति मार्जिन «Swallow" आफ्नो छिमेकीलाई को एक ठूलो मूल्य संग एक ब्लक। फलस्वरूप, तत्व बीच अन्तराल 35 पिक्सेल छ।

"लाल" लाइन

एउटा पाठ सम्पादक कागजात बनाउने, प्रयोगकर्ताहरूले "रातो" लाइन संग प्रत्येक नयाँ अनुच्छेद सोध्न गर्न रुचाउँदैनन्। प्रयोग पाठ-इन्डेन्ट डिजाइन - बाँयामा CSS पाठ इन्डेन्ट प्रयोग गर्न के सजिलो छ। यो जस्तो लिखित:

पाठ-इन्डेन्ट: 11px।

कि अनुच्छेद को पहिलो लाइन 11 पिक्सेल बायाँ मार्जिन सापेक्षित सारे छ। देख्यो थप संपादक मा कागजात जस्तै वेब पेज मा पाठ बनाउन, तपाईं एक अतिरिक्त औचित्य स्थापना गर्नुपर्छ, कि छ, लेख्न:

पाठ-इन्डेन्ट: 11px;

पाठ: सफाइ।

पिक्सेल साथै अन्य मार्कअप यूनिट्स प्रयोग को विवरण - इन्च प्रतिशत दाबी। एकाइ 10% को एक CSS पाठ इन्डेन्टेसन छ गरौं। जब 500 पिक्सेल को ब्लक को चौडाई, रातो लाइन 50 पिक्सेल (500 को 10%) हुनेछ।

यो सम्पत्ति को लागि मूल्य वंशानुगतप्राप्तगर्नुहोस् प्रदर्शन हुन सक्छ। यो रेकर्ड एकाइ अभिभावक एकाइ को एक समान सम्पत्ति प्रयोग भन्छन्।

पाठ-इन्डेन्ट: वंशानुगतप्राप्तगर्नुहोस्।

अचम्मको कुरा, यो इन्डेन्टेसन नकारात्मक मान मा लाग्न सक्छ! यस मामला मा, अनुमानहरु तथाकथित द्वारा गठन गर्दै छन्, कि आधारभूत पाठ ठाउँमा रहिरहन्छ, र पहिलो लाइन द्वारा 22 पिक्सेल बायाँ सारे छ:

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

अक्षरहरू पाठ-इन्डेन्ट क्षेत्र को संरचना परिभाषित गर्न प्रयोग गर्नुपर्छ बाहेक ब्राउजरको बाँया सीमा पार छैन,:

गद्दी-बायाँ: 22px।

उपयोगी आशय

लागि CSS आधारभूत गुणहरू पाठ ढाँचा मानिन्छ। र तिनीहरूलाई मदत अभ्यास ठीक। यहाँ वेब विकास मा सिकेका सामाग्री लागू गर्न कसरी केही अन्तिम सुझावहरू छन्:

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