இந்த வலைப்பதிவு பின்வரும் உள்ளடக்க பகுதிகளை உள்ளடக்கியது:
- டெயில்விண்ட் ஹோவர், ஃபோகஸ் மற்றும் ஆக்டிவ் ஸ்டேட்ஸ் ஆகியவற்றுடன் உரை அலங்காரத்தை எவ்வாறு பயன்படுத்துவது?
- 'ஹோவர்' நிலையுடன் உரை அலங்காரத்தைப் பயன்படுத்துதல்.
- 'ஃபோகஸ்' மாநிலத்துடன் உரை அலங்காரத்தைப் பயன்படுத்துதல்.
- 'செயலில்' நிலையுடன் உரை அலங்காரத்தைப் பயன்படுத்துதல்.
டெயில்விண்ட் ஹோவர், ஃபோகஸ் மற்றும் ஆக்டிவ் ஸ்டேட்ஸ் ஆகியவற்றுடன் உரை அலங்காரத்தை எவ்வாறு பயன்படுத்துவது?
உரையை அலங்கரிக்கலாம் ' உரை-அலங்காரம் ”சொத்து. இந்த சொத்தை பல்வேறு மாற்றியமைக்கும் நிலைகளுடன் பயன்படுத்தலாம் ' மிதவை ',' கவனம் 'மற்றும்' செயலில் ” அதற்கேற்ப பயனர் செயல்பாட்டின் மீது உரையை அலங்கரிக்க.
எடுத்துக்காட்டு 1: 'ஹோவர்' நிலையுடன் உரை அலங்காரத்தைப் பயன்படுத்துதல்
இந்த உதாரணம் பொருந்தும் ' உரை-அலங்காரம் ” பண்பு அது முன்னிருப்பாக அடிக்கோடிடப்படவில்லை ஆனால் மவுஸ் ஹோவரில் அடிக்கோடிடப்படும்:
< html >
< தலை >
< மெட்டா எழுத்துக்குறி = 'utf-8' >
< மெட்டா பெயர் = 'வியூபோர்ட்' உள்ளடக்கம் = 'அகலம்=சாதன அகலம், ஆரம்ப அளவு=1' >
< கையால் எழுதப்பட்ட தாள் src = 'https://cdn.tailwindcss.com' >< / கையால் எழுதப்பட்ட தாள் >< / தலை >
< உடல் >
< உரைப்பகுதி வர்க்கம் = 'இல்லை-அண்டர்லைன் ஹோவர்:அண்டர்லைன்' > இது டெயில்விண்ட் சிஎஸ்எஸ் < / உரைப்பகுதி >
< / உடல் >
< / html >
இந்த வரிகளின்படி, CDN பாதையை ' <தலை> ” Tailwind செயல்பாடுகளைப் பயன்படுத்த குறிச்சொல். இப்போது, இணைந்ததைப் பயன்படுத்தவும் ' உரை-அலங்காரம் 'சொத்து சேர்த்து' மிதவை 'உறுப்பை வட்டமிடும்போது, அது அடிக்கோடிடப்படும்.
வெளியீடு
பார்த்தபடி, ' ” உறுப்பு வெற்றிகரமாக சுட்டியின் மீது அடிக்கோடிடப்பட்டுள்ளது.
எடுத்துக்காட்டு 2: 'ஃபோகஸ்' மாநிலத்துடன் உரை அலங்காரத்தைப் பயன்படுத்துதல்
பின்வரும் குறியீட்டுத் தொகுதியானது உரையை அலங்கரிக்கிறது ' கவனம் ' நிலை. இது 'உறுப்பின் மூலம் கவனம் செலுத்தும் உரையை (இயல்புநிலையாக அடிக்கோடிடப்படவில்லை) அடிக்கோடிடுகிறது தாவல் 'விசை:
< html >
< தலை >
< மெட்டா எழுத்துக்குறி = 'utf-8' >
< மெட்டா பெயர் = 'வியூபோர்ட்' உள்ளடக்கம் = 'அகலம்=சாதன அகலம், ஆரம்ப அளவு=1' >
< கையால் எழுதப்பட்ட தாள் src = 'https://cdn.tailwindcss.com' >< / கையால் எழுதப்பட்ட தாள் >< / தலை >
< உடல் >
< உரைப்பகுதி வர்க்கம் = 'நோ-அண்டர்லைன் ஃபோகஸ்:அண்டர்லைன்' >இது டெயில்விண்ட் CSS< / உரைப்பகுதி >
< / உடல் >
< / html >
இந்த குறியீட்டின் படி:
- இதேபோல், CDN பாதையைச் சேர்த்து, ' ”உறுப்பு.
- அதன் பிறகு, '' பயன்படுத்தவும் உரை-அலங்காரம் 'உரையை இயல்பாக அடிக்கோடிடாதபடி செய்யும் பண்பு.
- தொடர்புடைய ' கவனம் ” நிலை பின்னர் உறுப்பு கவனம் செலுத்தும்போது உரையை அடிக்கோடிட்டுக் காட்டுகிறது.
வெளியீடு
உறுப்பில் உள்ள உரை '' ஐ அழுத்தும்போது அடிக்கோடிடுகிறது என்பதை இந்த முடிவு குறிக்கிறது. தாவல் ”விசை அதாவது, உறுப்பை மையப்படுத்துதல்.
எடுத்துக்காட்டு 3: 'செயலில்' நிலையுடன் உரை அலங்காரத்தைப் பயன்படுத்துதல்
இந்த எடுத்துக்காட்டில், உரையை அலங்கரிக்கலாம் ' வரி வழியாக உறுப்பு செயலில் இருக்கும்போது அதன் மீது சொத்து பயன்படுத்தப்படுகிறது:
< html >
< தலை >
< மெட்டா எழுத்துக்குறி = 'utf-8' >
< மெட்டா பெயர் = 'வியூபோர்ட்' உள்ளடக்கம் = 'அகலம்=சாதன அகலம், ஆரம்ப அளவு=1' >
< கையால் எழுதப்பட்ட தாள் src = 'https://cdn.tailwindcss.com' >< / கையால் எழுதப்பட்ட தாள் >< / தலை >
< உடல் >
< உரைப்பகுதி வர்க்கம் = 'இல்லை-அண்டர்லைன் செயலில்:கோடு-மூலம்' >இது டெயில்விண்ட் CSS< / உரைப்பகுதி >
< / உடல் >
< / html >
குறியீட்டின் இந்த துணுக்கில், கீழே கொடுக்கப்பட்டுள்ள படிகளைப் பயன்படுத்தவும்:
- CDN பாதையை சேர்ப்பதற்கான விவாதிக்கப்பட்ட வழிமுறைகளை நினைவுபடுத்தவும் மற்றும் ' ”உறுப்பு.
- இப்போது, உரை அலங்காரத்தைப் பயன்படுத்தவும் ' அடிக்கோடு இல்லை 'இயல்பாக சொத்து மற்றும் ஒதுக்கீடு' செயலில் 'உடன் மாநிலம்' வரி வழியாக ”.
- இதன் விளைவாக, உறுப்பு செயலில் இருக்கும் போது உள்ள உரையின் மூலம் வரிகளை வழங்குகிறது.
வெளியீடு
இந்த வெளியீட்டிலிருந்து, உரை பயன்படுத்தப்பட்ட நிலைக்கு ஏற்ப அலங்கரிக்கப்பட்டுள்ளதா என்பதை சரிபார்க்கலாம்.
முடிவுரை
உரையை அலங்கரிக்கலாம் ' உரை-அலங்காரம் ”சொத்து. இந்த சொத்தை ' மிதவை ',' கவனம் 'மற்றும்' செயலில் ” மாற்றியமைப்பானது, முறையே மவுஸ் ஹோவரில் உரையை அலங்கரிக்க வேண்டும், உறுப்பு கவனம் செலுத்துகிறது அல்லது உறுப்பு செயலில் உள்ளது.