सीएसएसची बाह्यरेखा फक्त एक सीमापेक्षा अधिक आहे
CSS रूपरेषाची मालमत्ता एक भ्रामक संपत्ती आहे जेव्हा आपण प्रथम याबद्दल जाणून घेता, तेव्हा हे समजून घेणे कठिण आहे की सीमाभागातील प्रांतापासून ते अगदी दूर कसे आहे. W3C खालील फरक असल्याची स्पष्ट करते:
- बाह्यरेखा जागा घेतात नाही
- रूपरेषा नॉन-आयताकृती असू शकते.
बाह्यरेखा जागा ठेवा नका
हे विधान, स्वतः मध्ये आणि स्वतः गोंधळ आहे. आपल्या वेब पृष्ठावर एखादी ऑब्जेक्ट वेब पृष्ठावर स्थान कसा घेत नाही? परंतु जर तुम्ही तुमच्या वेब पेजला कांदासारखं विचार करता, तर पृष्ठावरील प्रत्येक बाब दुसर्या आयटमच्या वर स्तरीय असावी. बाह्यरेखा गुणधर्म जागा घेणार नाही कारण तो नेहमी घटकांच्या बॉक्सच्या शीर्षस्थानी ठेवला जातो.
जेव्हा एक बाह्यरेखा एका घटकाभोवती ठेवली जाते, तेव्हा त्या पृष्ठावर तो घटक कसा घातला जातो यावर याचा कोणताही प्रभाव पडत नाही. हा घटकचा आकार किंवा स्थान बदलत नाही. जर आपण एखाद्या घटकाची बाह्यरेखा घातली तर ती त्याच जागेची जागा घेईल जशी आपल्याकडे त्या घटकाची बाह्यरेखा नसतील. हे सीमावर्तीबाबतीत खरे नाही घटकावरील सीमा घटकांच्या बाह्य रूंदी आणि उंचीस जोडली जाते. म्हणून आपल्याकडे जर एक प्रतिमा असेल जो 50 पिक्सल्स रुंद असेल तर ती 2-पिक्सेलच्या सीमेसह 54 पिक्सेल (प्रत्येक बाजूच्या सीमारेसाठी 2 पिक्सल्स) घेईल. 2-पिक्सेल बाह्यरेखा असलेली तीच प्रतिमा आपल्या पृष्ठावर फक्त 50 पिक्सेल रूंदी घेईल, बाह्यरेखा प्रतिमाच्या बाहेरील कड्यावर प्रदर्शित होईल.
बाह्यरेखा नसलेले आयताकार असू शकतात
"शांत हो, आता मी मंडळे काढू शकतो!" पुन्हा विचार कर. हे विधान आपल्याला वाटेल त्यापेक्षा वेगळे अर्थ आहे. जेव्हा आपण एखाद्या घटकावर सीमा ठेवता, तेव्हा ब्राउझर एका घटकाचा आयताकृती बॉक्स असल्याप्रमाणे त्यास अर्थ लावते. जर बॉक्सला बर्याच ओळींमध्ये विभागले गेले तर, ब्राउझर बंद कडा फक्त कारण बॉक्स बंद नाही. हे असे आहे की ब्राउझर एका सीमावर्ती पृष्ठभागावर सीमा पाहत आहे - त्या सीमारेखालील एक सतत आयताकृती असणे पुरेसे आहे
याउलट, रूपरेषाची मालमत्ता विचारात घेते. बाह्यरेखा घटक पुष्कळ ओळी पसरत असल्यास, बाह्यरेखा ओळीच्या शेवटी बंद होते आणि पुढील ओळीवर पुन: पुन्हा उघडते. शक्य असल्यास, बाह्यरेखा संपूर्णपणे तसेच जोडली जाईल, नॉन-आयताकृती आकार तयार करणे.
बाह्यरेखा मालमत्तेचे वापर
बाह्यरेखा मालमत्तेचा सर्वोत्तम उपयोग शोध अटी प्रकाशित करण्यासाठी आहे. अनेक साइट्स हे पार्श्वभूमी रंगाचे करतात परंतु आपण बाह्यरेखाची मालमत्ता वापरू शकता आणि आपल्या पृष्ठांवर कोणत्याही अतिरिक्त अंतर जोडण्याबद्दल चिंता करू नका.
आउटलाइन रंगाची मालमत्ता "इनव्हर्ट" या शब्दाचा स्वीकार करते ज्याने बाह्यरेखा रंगाला वर्तमान पार्श्वभूमी उलटा बनविते. हे आपल्याला रंगीबेरंगी वेब पृष्ठांवरील घटक हायलाइट न करता कशा प्रकारे वापरल्या जातात याची माहिती देते.
आपण सक्रिय दुवे जवळपास बिंदूारी रेखा काढण्यासाठी बाह्यरेखा गुणधर्म वापरू शकता. सीएसएस-ट्रिक्स वरील हा लेख डॉट केलेली आऊटलेट काढून टाकणे दाखवते.