பட்டியல் பாணி வகை என்றால் என்ன மற்றும் அதை டெயில்விண்டில் எவ்வாறு பயன்படுத்துவது?

இந்த கட்டுரை விளக்கும்:

• டெயில்விண்ட் CSS இல் பட்டியல் உடை வகை என்ன?
• டெயில்விண்ட் CSS இல் பட்டியல் பாணி வகையை எவ்வாறு பயன்படுத்துவது?

டெயில்விண்ட் CSS இல் பட்டியல் உடை வகை என்ன?

பட்டியல் பாணி வகை என்பது ஒரு CSS பண்பு ஆகும், இது ஆர்டர் செய்யப்பட்ட பட்டியல்கள்

மற்றும் வரிசைப்படுத்தப்படாத பட்டியல்கள்
ஆகியவற்றில் பட்டியல் உருப்படி குறிப்பான்களின் தோற்றத்தைத் தனிப்பயனாக்கப் பயன்படுகிறது. இது பட்டியல் உருப்படிகளுக்குப் பயன்படுத்தப்படும் புல்லட்டின் வகை அல்லது எண்ணிடும் பாணியைக் குறிப்பிடுகிறது.

---





---






பட்டியல் பாணி வகை மூன்று வகுப்புகளைக் கொண்டுள்ளது, அவை:





பட்டியல்-வட்டு

இது 'பட்டியல்-பாணி-வகை' பண்புகளை வட்டுக்கு அமைக்கிறது, இது வரிசைப்படுத்தப்படாத பட்டியல்களுக்கான குறிப்பானாக நிரப்பப்பட்ட வட்டத்தைக் காட்டுகிறது '

”




பட்டியல்-தசம

இது 'பட்டியல்-பாணி-வகை' பண்புகளை தசமமாக அமைக்கிறது, இது எண் தசம மதிப்புகளை (1, 2, 3, முதலியன) வரிசைப்படுத்தப்பட்ட பட்டியல்களுக்கான குறிப்பான்களாகக் காட்டுகிறது '

”.

---





---

பட்டியல்-இல்லை

இது 'பட்டியல்-பாணி-வகை' பண்புகளை எதுவுமில்லை என அமைக்கிறது, அதாவது பட்டியல் உருப்படிகளுக்கு மார்க்கர் எதுவும் காட்டப்படாது.

டெயில்விண்ட் CSS இல் பட்டியல் பாணி வகையை எவ்வாறு பயன்படுத்துவது?

டெயில்விண்ட் CSS இல் பட்டியல் பாணி வகையைப் பயன்படுத்த, முதலில், ஒரு HTML நிரலை உருவாக்கி, அதில் உள்ள பட்டியல் கூறுகளைக் குறிப்பிடுவதன் மூலம் பயன்படுத்தவும் பட்டியல்-வட்டு 'மற்றும்' பட்டியல்-தசம 'பயன்பாடுகள். பின்னர், HTML நிரலை இயக்கவும் மற்றும் சரிபார்ப்புக்கான வெளியீட்டைப் பார்க்கவும்:





படி 1: பட்டியல் உருப்படிகளைப் பயன்படுத்தி HTML வலைப்பக்கத்தை உருவாக்கவும்

முதலில், ஒரு HTML நிரலை உருவாக்கி அதில் உள்ள பட்டியல் கூறுகளை 'list-disc' மற்றும் 'list-decimal' பயன்பாடுகளைப் பயன்படுத்தி பயன்படுத்தவும். உதாரணமாக, நாங்கள் பின்வரும் கூறுகளைப் பயன்படுத்தினோம்:

< உடல் >

< div வர்க்கம் = 'எச்-திரை ml-10' >

< உல் வர்க்கம் = 'பட்டியல்-வட்டு' >

< அந்த > பட்டியல் உருப்படி 1 < / அந்த >

< அந்த > பட்டியல் உருப்படி 2 < / அந்த >

< அந்த > பட்டியல் உருப்படி 3 < / அந்த >

< / உல் >

< br >

< ol வர்க்கம் = 'பட்டியல்-தசமம்' >

< அந்த > பட்டியல் உருப்படி 1 < / அந்த >

< அந்த > பட்டியல் உருப்படி 2 < / அந்த >

< அந்த > பட்டியல் உருப்படி 3 < / அந்த >

< / ol >

< br >

< உல் >

< அந்த > பட்டியல் உருப்படி 1 < / அந்த >

< அந்த > பட்டியல் உருப்படி 2 < / அந்த >

< அந்த > பட்டியல் உருப்படி 3 < / அந்த >

< / உல் >

< / div >

< / உடல் >

இங்கே,

• முதலாவதாக, '
  ” ஒவ்வொரு பட்டியல் உருப்படிக்கும் நிரப்பப்பட்ட வட்ட குறிப்பான்களைக் காண்பிக்கும் “list-disc” வகுப்பு பயன்படுத்தப்பட்டுள்ளது.
  • இரண்டாவது, '
    'பட்டியல்-தசம' வகுப்பு பயன்படுத்தப்பட்டது, இது எண் தசம மதிப்புகளை குறிப்பான்களாகக் காட்டுகிறது.
    1. கடைசி '
       ” எந்த பயன்பாட்டு வகுப்பும் பயன்படுத்தப்படவில்லை, எனவே இது இயல்புநிலை பட்டியல் மார்க்கர் பாணியைப் பயன்படுத்தும்.

       படி 2: HTML இணையப் பக்கத்தைப் பார்க்கவும்

       பின்னர், HTML நிரலை இயக்கவும் மற்றும் வெளியீட்டைச் சரிபார்க்க வலைப்பக்கத்தைப் பார்க்கவும்:

       

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

       முடிவுரை

       பட்டியல் பாணி வகை என்பது ஒரு CSS சொத்து ஆகும், இது ஆர்டர் செய்யப்பட்ட மற்றும் வரிசைப்படுத்தப்படாத பட்டியல்களில் பட்டியல் உருப்படி குறிப்பான்களின் தோற்றத்தைத் தனிப்பயனாக்கப் பயன்படுகிறது. இது பட்டியல் உருப்படிகளுக்குப் பயன்படுத்தப்படும் புல்லட்டின் வகை அல்லது எண்ணிடும் பாணியைக் குறிப்பிடுகிறது. அதைக் குறிப்பிடுவதன் மூலம் டெயில்விண்டில் பயன்படுத்தலாம் பட்டியல்-வட்டு 'மற்றும்' பட்டியல்-தசம 'பயன்பாடுகள். இந்த கட்டுரை பட்டியல் பாணி வகை மற்றும் டெயில்விண்டில் அதன் பயன்பாடு பற்றி விளக்கியுள்ளது.