இந்த பதிவில், CSS சுட்டி-நிகழ்வுகள் சொத்தை எவ்வாறு பயன்படுத்துவது என்பதை விரிவாகக் கூறுவோம்.
சுட்டி-நிகழ்வுகள் சொத்து என்றால் என்ன?
CSS” சுட்டி-நிகழ்வுகள் HTML உறுப்புக்கான சுட்டி/தட்டுதல் நடத்தை மற்றும் தேர்ந்தெடுக்கப்பட்ட உறுப்பு மிதவை அல்லது கிளிக் போன்ற செயல்களைச் செய்வதன் மூலம் பதிலளிக்குமா என்பதை சொத்து குறிப்பிடுகிறது.
சுட்டி-நிகழ்வுகள் சொத்தை எவ்வாறு பயன்படுத்துவது?
CSS இல், சில குறிப்பிட்ட HTML உறுப்புகளில் சுட்டிக்காட்டி செயல்களை இயக்க அல்லது முடக்க சுட்டி-நிகழ்வுகள் பண்பு பயன்படுத்தப்படலாம். சுட்டி-நிகழ்வுகளின் சொத்தின் தொடரியல் கீழே கொடுக்கப்பட்டுள்ளது.
தொடரியல்
சுட்டி-நிகழ்வுகள் : எதுவும் இல்லை | ஆட்டோ ;
குறிப்பிடப்பட்ட தொடரியல், ' ஆட்டோ ” என்பது சுட்டி-நிகழ்வுகளின் சொத்தின் இயல்புநிலை மதிப்பாகும், மேலும் இது ஒரு உறுப்பை நோக்கி சுட்டிக்காட்டி செயலை செயல்படுத்துகிறது, மேலும் ' எதுவும் இல்லை ” ஆட்டோவுக்கு முற்றிலும் எதிரானது; இது HTML உறுப்புகளில் சுட்டிக்காட்டி செயலை முடக்குகிறது.
சுட்டி-நிகழ்வுகளின் சொத்தை புரிந்து கொள்ள ஒரு உதாரணத்தை எடுத்துக்கொள்வோம்.
எடுத்துக்காட்டு 1
எங்கள் HTML கோப்பில், '' என்ற உரையுடன் ஒரு ஆங்கர் டேக்கைக் குறிப்பிடவும். LinuxHint.io ” மற்றும் அதை உடல் பகுதிக்குள் வைக்கவும்.
HTML
< அ href = “https://www.linuxhint.io/” > LinuxHint.io < / அ >இப்போது நாம் பயன்படுத்துவோம் ' சுட்டி-நிகழ்வுகள் 'சொத்து மற்றும் அதன் மதிப்பை ஒதுக்கு' எதுவும் இல்லை ”. இது உறுப்பு மீது சுட்டிக்காட்டி செயலை முடக்கும்.
CSS
அ {சுட்டி-நிகழ்வுகள் : எதுவும் இல்லை ;
}
குறிப்பிடப்பட்ட குறியீட்டுடன் உங்கள் HTML கோப்பைச் சேமித்து உங்கள் உலாவியைப் பயன்படுத்தி இயக்கவும்:
சுட்டி-நிகழ்வுகளின் சொத்தை ஆழமாக மறைக்க மற்றொரு உதாரணத்தை எடுத்துக் கொள்வோம்.
உதாரணம் 2
சுட்டி-நிகழ்வுகளின் சொத்து மதிப்பை ' ஆட்டோ ” இந்த முறை. இது உறுப்பை சுட்டிக்காட்டி மிதவை அல்லது கிளிக் மூலம் பதிலளிக்க வைக்கும். இருப்பினும், ஆட்டோ என்பது சுட்டி-நிகழ்வுகளின் சொத்தின் இயல்புநிலை மதிப்பாகும்.
CSS
அ {சுட்டி-நிகழ்வுகள் : ஆட்டோ ;
}
வெளியீடு
CSS சுட்டி-நிகழ்வுகள் சொத்தின் வெவ்வேறு பயன்பாடுகளை நாங்கள் உள்ளடக்கியுள்ளோம்.
முடிவுரை
சுட்டிக்காட்டி செயல்களைக் கட்டுப்படுத்த, நாம் CSS ஐப் பயன்படுத்தலாம். சுட்டி-நிகழ்வுகள் ”சொத்து. ' ஆட்டோ ”மதிப்பு என்பது இந்த சொத்தின் முன் வரையறுக்கப்பட்ட மதிப்பு; இது HTML உறுப்புகளின் மீதான செயல்களை செயல்படுத்துகிறது. சுட்டி-நிகழ்வுகளின் சொத்து மதிப்புடன் பயன்படுத்தப்படும்போது ' எதுவும் இல்லை ”, இது ஒரு குறிப்பிட்ட உறுப்புக்கான செயல்களை முடக்குகிறது. CSS சுட்டி-நிகழ்வுகள் சொத்தை எவ்வாறு பயன்படுத்துவது என்பதை இந்த எழுதுதல் விளக்கியுள்ளது.