CSS வெளியீடுகள் ஒரு எல்லையை விட அதிகம்
CSS அவுட்லைன் சொத்து ஒரு குழப்பமான சொத்து ஆகும். நீங்கள் முதலில் அதைப் பற்றி அறியும்போது, அது எல்லை சொத்துடனிலிருந்து தொலைவிலிருந்து வேறுபட்டது என்பதை புரிந்து கொள்ள கடினமாக உள்ளது. W3C அதை பின்வரும் வேறுபாடுகள் என விளக்குகிறது:
- வெளிப்புறங்களில் இடம் இல்லை.
- அகலங்கள் அல்லாத செவ்வக இருக்கலாம்.
வெளியீடுகளை விண்வெளிக்கு எடுத்துக்கொள்ள வேண்டாம்
இந்த அறிக்கை, தன்னைத்தானே குழப்பிக் கொண்டிருக்கிறது. உங்கள் வலைப்பக்கத்தில் ஒரு பொருள் எவ்வாறு வலைப்பக்கத்தில் இடம் பெறக்கூடாது? ஆனால் உங்கள் வெப் பக்கத்தைப் பற்றி ஒரு வெங்காயம் போல நினைத்தால், பக்கத்தின் ஒவ்வொரு உருப்படியும் மற்றொரு உருப்படியின் மேல் அடுக்குப்படுத்தப்படலாம். அது எப்போதும் உறுப்பு பெட்டியின் மேல் வைக்கப்படுவதால் வெளிப்புறச் சொத்து இடம் எடுக்காது.
ஒரு வெளிப்பாடு ஒரு உறுப்பு சுற்றி வைக்கப்படும் போது, அந்த உறுப்பு பக்கத்தில் எவ்வாறு அமைக்கப்பட்டிருக்கிறது என்பதில் எந்த விளைவும் இல்லை. இது உறுப்பு அளவு அல்லது நிலையை மாற்றாது. நீங்கள் ஒரு உறுப்பு மீது ஒரு வெளிச்சத்தை போட்டுவிட்டால், அந்த உறுப்புகளின் வெளிப்புறம் உங்களிடம் இல்லை என்றால் அது அதே அளவு இடத்தை எடுக்கும். இது ஒரு எல்லைக்கு உண்மை இல்லை. உறுப்பு வெளியின் அகலத்திலும் உயரத்திலும் ஒரு உறுப்பு ஒரு எல்லை சேர்க்கப்பட்டுள்ளது. நீங்கள் 50 பிக்சல்கள் அகலமாக இருந்திருந்தால், ஒரு 2-பிக்சல் எல்லைடன், அது 54 பிக்சல்களை (ஒவ்வொரு பக்க எல்லைக்கும் 2 பிக்சல்கள்) எடுக்கும். 2-பிக்சல் அவுட்லைன் கொண்ட அதே படமானது உங்கள் பக்கத்தில் 50 பிக்சல்கள் அகலத்தை மட்டுமே எடுக்கும், வெளிப்புறம் படத்தை வெளிப்புற விளிம்பில் காண்பிக்கும்.
வெளிப்புறம் செவ்வக வடிவமாக இருக்கலாம்
நீங்கள் நினைப்பதைத் தொடங்கும் முன் "குளிர், இப்போது நான் வட்டங்களை வரையலாம்!" மீண்டும் யோசி. இந்த கூற்று நீங்கள் நினைப்பதை விட வித்தியாசமாக உள்ளது. நீங்கள் ஒரு உறுப்பு மீது ஒரு எல்லை வைத்து போது, உலாவி ஒரு பெரிய செவ்வக பெட்டி போல் உறுப்பு விளக்கம். பாக்ஸ் பல வரிகளில் பிரிந்துவிட்டால், உலாவி முடங்காத காரணத்தினால், உலாவி விளிம்புகளை திறந்து விடுகிறது. உலாவி எல்லையற்ற அகலமான பரவலைக் கொண்டிருப்பதைப் போலவே, அந்த எல்லைக்கு ஒரு தொடர்ச்சியான செவ்வக வடிவமாக இருக்கும்.
இதற்கு மாறாக, வெளிப்புற சொத்து மதிப்பு விளிம்புகளாக எடுக்கும். ஒரு கோடிட்ட உறுப்பு பல வரிகளை கடந்து சென்றால், கோட்டின் இறுதியில் முடிவடைகிறது, மீண்டும் அடுத்த வரியில் மீண்டும் திறக்கிறது. முடிந்தால், வெளிப்புறம் முழுமையாக இணைக்கப்பட்டு, ஒரு செவ்வக வடிவத்தை உருவாக்குகிறது.
வெளிப்புற சொத்துகளின் பயன்கள்
தேடல் சொற்களின் சிறப்பம்சங்களை வெளிப்படுத்துவதே சிறந்தது. பல தளங்கள் பின்னணி நிறத்துடன் இதை செய்யலாம், ஆனால் நீங்கள் வெளிப்புறச் சொத்துக்களைப் பயன்படுத்தலாம் மற்றும் உங்கள் பக்கங்களில் எந்த கூடுதல் இடைவெளியை சேர்ப்பது பற்றியும் கவலைப்பட வேண்டாம்.
வெளிச்சம்-வண்ண சொத்து, "பின்னோக்கு" என்ற வார்த்தையை ஏற்றுக்கொள்கிறது, இது வெளிப்புற நிறத்தை தற்போதைய பின்னணியின் தலைகீழாக மாற்றுகிறது. நிறங்கள் பயன்படுத்தப்படுவதைத் தெரிந்துகொள்ளாமல் மாறும் வலைப் பக்கங்களில் உள்ள கூறுகளை முன்னிலைப்படுத்த இது அனுமதிக்கிறது.
செயலில் உள்ள இணைப்புகளைச் சுற்றி புள்ளியிடப்பட்ட கோப்பை அகற்ற, நீங்கள் வெளிப்புறச் சொத்துக்களைப் பயன்படுத்தலாம். CSS- தந்திரங்களை இருந்து இந்த கட்டுரை புள்ளியிட்ட வெளிப்பாடு நீக்க எப்படி காட்டுகிறது.