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