CSS ஐப் பயன்படுத்தி ஒரு செக்மார்க்/டிக் வரைவது எப்படி

'' கொண்ட கொள்கலன் உறுப்பு ஐடி 'அல்லது ஒரு' வர்க்கம் ”:

< div ஐடி = 'செக்மார்க்' >< / div >

மேலே உள்ள HTML அறிக்கையில், ஒரு “ div '' என அறிவிக்கப்பட்ட ஐடியுடன் உறுப்பு சேர்க்கப்பட்டது சரிபார்ப்பு குறி ”.

CSS பண்புகளைப் பயன்படுத்தி உறுப்பை வடிவமைக்கும் போது, ​​ஒரு ' ஐடி HTML உறுப்பைக் குறிக்கவும், அதன் உள்ளே உள்ள பண்புகளைக் குறிப்பிடவும் தேர்வுக்குழு:

---

---

#சரிபார்ப்புக்குறி
{
உருமாற்றம்: சுழற்று ( 45 டிகிரி ) ;
உயரம் : 45px;
அகலம் : 20px;
விளிம்பு-இடது: ஐம்பது %;
எல்லை-கீழே: 9px திட கருங்காலிப் பச்சை;
பார்டர்-வலது: 9px திட அடர்கோலிவ்கிரீன்;
}

மேலே உள்ள CSS பாணி உறுப்பு பின்வரும் பண்புகளைக் கொண்டுள்ளது:

• ' உருமாற்றம்: சுழற்று (45 டிகிரி) ” நேராக செங்குத்து மற்றும் கிடைமட்ட கோடுகளை டிக் சின்னத்தின் வடிவத்தை உருவாக்கும் வகையில் சுழற்றுகிறது.
• ' உயரம் 'பண்பு டிக் சின்னத்தின் உயரத்தை அமைக்கிறது' 45px ”.
• ' அகலம் 'சொத்து சின்னத்தை உருவாக்குகிறது' 20px ” அகலம்.
• ' விளிம்பு-இடது ”பண்பு டிக் சின்னத்தை வலைப்பக்க இடைமுகத்தின் மையத்தில் சீரமைக்கிறது.
• அதன் பிறகு, ' எல்லை-கீழ் 'மற்றும்' எல்லை-வலது 'பண்புகள் இரண்டு வரிகளின் எல்லை எடையை அமைக்கிறது' 9px 'மற்றும்' வரையறுக்கவும் கருமையான பச்சை ” முழு டிக் சின்னத்தை உருவாக்கும் இரண்டு வரிகளுக்கும் வண்ணம்.

இது பச்சை நிறத்தில் உள்ள எளிய சரிபார்ப்பு குறி அல்லது இணையப் பக்க இடைமுகத்தின் மையத்தில் காட்டப்படும் டிக் சின்னத்தை உருவாக்கும் ' 45px 'உயர்ந்த மற்றும்' 20px 'பரந்த:

முறை 2: யூனிகோட் எழுத்துகளைப் பயன்படுத்தி ஒரு செக்மார்க்/டிக் செருகுதல்

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

முடிவுரை

ஒரு ஐடி அல்லது வகுப்பைக் கொண்டு முதலில் ஒரு HTML உறுப்பை உருவாக்கி, பின்னர் அந்த உறுப்பைக் குறிக்க CSS பாணி உறுப்பில் ஐடி அல்லது வகுப்புத் தேர்வியைச் சேர்ப்பதன் மூலம் ஒரு காசோலை குறி அல்லது டிக் சின்னத்தை வரையலாம். வலைப்பக்க இடைமுகத்தில் காசோலை குறி/டிக் வடிவத்தை உருவாக்க, வெவ்வேறு CSS பண்புகள் ' உயரம் ”,” அகலம் ”,” சுழற்று 'மற்றும்' நிறம் ” ஒருவர் விரும்பும் செக்மார்க் வகை மற்றும் அளவைப் பொறுத்து பயன்படுத்தலாம். இந்த வலைப்பதிவு CSS ஐப் பயன்படுத்தி ஒரு செக்மார்க்/டிக் வரைவதற்கான முறையை விளக்குகிறது.