பெரிய எழுத்துக்களை தலைப்பு வழக்காக மாற்ற CSS ஐ எவ்வாறு பயன்படுத்துவது?

Periya Eluttukkalai Talaippu Valakkaka Marra Css Ai Evvaru Payanpatuttuvatu



' பெரிய எழுத்து ' அதன் பெயர் இலக்கு உரையின் அனைத்து எழுத்துக்களையும் பெரிய எழுத்து வடிவத்திற்கு அமைக்கிறது மற்றும் ' தலைப்பு வழக்கு ” இலக்கு உரையில் ஒவ்வொரு வார்த்தையின் தொடக்க எழுத்தையும் பெரியதாக்குகிறது. வலைப்பக்கங்களில் தலைப்புகள், துணைத்தலைப்புகள் மற்றும் தலைப்புகளை வடிவமைப்பதில் இது பெரும்பாலும் பயன்படுத்தப்படுகிறது. மெனு உருப்படிகள் அல்லது தயாரிப்பு பட்டியல்களின் வாசிப்புத் திறனை மேம்படுத்தவும் பயனர்களைப் பயன்படுத்தலாம். இது வலைப்பக்கத்தின் ஒட்டுமொத்த தோற்றத்தையும் அங்கீகாரத்தையும் அதிகரிக்கிறது.

இக்கட்டுரையில் பெரிய எழுத்தை தலைப்பு வழக்காக மாற்றுவதற்கான படிப்படியான செயல்முறையை விளக்குகிறது.

பெரிய எழுத்துக்களை தலைப்பு வழக்காக மாற்றுவது எப்படி?

CSS பண்புகள் மற்றும் ஜாவாஸ்கிரிப்ட் உதவியுடன், பெரிய எழுத்தை தலைப்பு வழக்காக மாற்றலாம். இந்த மாற்றம் உரையின் வாசிப்புத்திறன் மற்றும் தோற்றத்தை மேம்படுத்த உதவுகிறது. மேலும், இது நிலையான வடிவமைப்பை வழங்குகிறது மற்றும் பயனர் அனுபவத்தை மேம்படுத்துகிறது.







பெரிய எழுத்தில் இருந்து தலைப்பு வழக்குக்கு மாற்றுவதற்கு கீழே உள்ள படிப்படியான வழிகாட்டியைப் பின்பற்றவும்:



படி 1: ஒரு இலக்கு உறுப்பு உருவாக்கவும்
இந்த முதல் கட்டத்தில், இலக்கு/தேர்ந்தெடுக்கப்பட்ட உறுப்பை உருவாக்கவும் <உடல்> ” டேக் டைட்டில் கேஸாக மாற்றப்படும். உதாரணமாக, ' 'கூறு தரவு இலக்கு:



< மையம் >
< ஐடி = 'மாற்றி' > இந்த உரை CSS ஐப் பயன்படுத்தி பெரிய எழுத்தில் இருந்து தலைப்பு வழக்குக்கு மாற்றப்படும் < / >
< மையம் >

மேலே உள்ள குறியீடு தொகுதியில்:





  • முதலில், '' பயன்படுத்தவும்

    '' குறிச்சொல்லின் உள்ளே வலைப்பக்கத்தின் மையத்தில் உரையைக் காண்பிக்கும் <சென்டர்> ” குறிச்சொல். மேலும், போலி தரவை பெரிய எழுத்து வடிவில் வழங்கவும்.

  • அடுத்து, '' சேர்க்கவும் ஐடி பண்புக்கூறு மற்றும் அதன் மதிப்பை வழங்கவும் மாற்றி ”. இந்த ' ஐடி ” என்பது ஜாவாஸ்கிரிப்ட் குறிச்சொல்லின் உள்ளே

    குறிச்சொல்லைச் சேமிக்கப் பயன்படும்.

தொகுத்தல் கட்டம் முடிந்த பிறகு:



வலைப்பக்கத்தின் மேலே உள்ள ஸ்னாப்ஷாட் உரை வெற்றிகரமாக காட்டப்பட்டதைக் காட்டுகிறது.

படி 2: பெரிய எழுத்தை தலைப்பு கேஸாக மாற்றுதல்
மாற்றியை உருவாக்க, ஜாவாஸ்கிரிப்ட் பண்புகள் மற்றும் முறைகள் பயன்படுத்தப்படுகின்றன. கீழே உள்ள குறியீட்டைப் பின்பற்றவும், அதன் விளக்கம் கீழே கூறப்பட்டுள்ளது:

< கையால் எழுதப்பட்ட தாள் >
இருந்தது இலக்கு = document.getElementById ( 'மாற்றி' ) .textContent.toLowerCase ( ) ;
இலக்கு = இலக்கு .மாற்று ( / \b\w / g,
செயல்பாடு ( குறைந்த ) { கீழ். to UpperCase திரும்ப ( ) ; } ) ;
document.getElementById ( 'மாற்றி' ) .உரை உள்ளடக்கம் = இலக்கு ;
< / கையால் எழுதப்பட்ட தாள் >

மேலே உள்ள குறியீடு துணுக்கில்:

  • முதலில், ' என்ற ஒரு மாறியை உருவாக்கவும். இலக்கு 'உள்ளே'