- ” లేదా “
- ” మూలకాలను కలిగి ఉంటుంది. ప్రతి
- మూలకం టెక్స్ట్, ఇమేజ్లు, లింక్లు లేదా ఇతర కంటెంట్ను కలిగి ఉండే జాబితా అంశాన్ని సూచిస్తుంది. జాబితా శైలి రకం వెబ్ పేజీలలో ఆకర్షణీయమైన మరియు ఆకర్షణీయమైన జాబితాలను రూపొందించడానికి ఉపయోగకరమైన ఆస్తి.
ఈ వ్యాసం వివరిస్తుంది:
Tailwind CSSలో జాబితా శైలి రకం ఏమిటి?
జాబితా శైలి రకం అనేది CSS ఆస్తి, ఇది ఆర్డర్ చేసిన జాబితాలు
- మరియు క్రమం చేయని జాబితాలు
- మొదటిది,'
- రెండవ, '
- చివరి '
- లో జాబితా ఐటెమ్ మార్కర్ల రూపాన్ని అనుకూలీకరించడానికి ఉపయోగించబడుతుంది. ఇది జాబితా అంశాల కోసం ఉపయోగించాల్సిన బుల్లెట్ రకం లేదా నంబరింగ్ శైలిని నిర్దేశిస్తుంది.
జాబితా శైలి రకం మూడు తరగతులను కలిగి ఉంటుంది, అవి:
జాబితా-డిస్క్
ఇది 'జాబితా-శైలి-రకం' ప్రాపర్టీని డిస్క్కి సెట్ చేస్తుంది, ఇది ఆర్డర్ చేయని జాబితాలకు మార్కర్గా నిండిన సర్కిల్ను ప్రదర్శిస్తుంది '
జాబితా-దశాంశం
ఇది 'జాబితా-శైలి-రకం' లక్షణాన్ని దశాంశానికి సెట్ చేస్తుంది, ఇది సంఖ్యా దశాంశ విలువలను (1, 2, 3, మొదలైనవి) ఆర్డర్ చేసిన జాబితాలకు గుర్తులుగా చూపుతుంది '
జాబితా-ఏదీ లేదు
ఇది 'జాబితా-శైలి-రకం' ప్రాపర్టీని ఏదీ లేకుండా సెట్ చేస్తుంది, అంటే జాబితా అంశాలకు మార్కర్ ప్రదర్శించబడదు.
Tailwind CSSలో జాబితా శైలి రకాన్ని ఎలా ఉపయోగించాలి?
Tailwind CSSలో జాబితా శైలి రకాన్ని ఉపయోగించడానికి, ముందుగా, ఒక HTML ప్రోగ్రామ్ను రూపొందించండి మరియు ''ని పేర్కొనడం ద్వారా దానిలోని జాబితా మూలకాలను ఉపయోగించండి. జాబితా-డిస్క్ 'మరియు' జాబితా-దశాంశం 'ఉపయోగాలు. ఆపై, HTML ప్రోగ్రామ్ను అమలు చేయండి మరియు ధృవీకరణ కోసం అవుట్పుట్ను వీక్షించండి:
దశ 1: జాబితా అంశాలను ఉపయోగించి HTML వెబ్ పేజీని సృష్టించండి
ముందుగా, ఒక HTML ప్రోగ్రామ్ను రూపొందించండి మరియు దానిలోని జాబితా మూలకాలను 'జాబితా-డిస్క్' మరియు 'జాబితా-డెసిమల్' యుటిలిటీలను ఉపయోగించి ఉపయోగించుకోండి. ఉదాహరణకు, మేము ఈ క్రింది అంశాలను ఉపయోగించాము:
< శరీరం >
< div తరగతి = 'h-స్క్రీన్ ml-10' >
< ఉల్ తరగతి = 'జాబితా-డిస్క్' >
< అని > జాబితా అంశం 1 < / అని >
< అని > జాబితా అంశం 2 < / అని >
< అని > జాబితా అంశం 3 < / అని >
< / ఉల్ >
< br >
< ఓల్ తరగతి = 'జాబితా-దశాంశం' >
< అని > జాబితా అంశం 1 < / అని >
< అని > జాబితా అంశం 2 < / అని >
< అని > జాబితా అంశం 3 < / అని >
< / ఓల్ >
< br >
< ఉల్ >
< అని > జాబితా అంశం 1 < / అని >
< అని > జాబితా అంశం 2 < / అని >
< అని > జాబితా అంశం 3 < / అని >
< / ఉల్ >
< / div >
< / శరీరం >ఇక్కడ,
దశ 2: HTML వెబ్ పేజీని వీక్షించండి
ఆపై, HTML ప్రోగ్రామ్ను అమలు చేయండి మరియు అవుట్పుట్ను ధృవీకరించడానికి వెబ్ పేజీని వీక్షించండి:
పై అవుట్పుట్ జాబితాలను ప్రదర్శించింది, దాని ప్రకారం అవి స్టైల్ చేయబడ్డాయి.
ముగింపు
జాబితా శైలి రకం అనేది CSS ఆస్తి, ఇది ఆర్డర్ చేయబడిన మరియు క్రమం చేయని జాబితాలలో జాబితా ఐటెమ్ మార్కర్ల రూపాన్ని అనుకూలీకరించడానికి ఉపయోగించబడుతుంది. ఇది జాబితా అంశాల కోసం ఉపయోగించాల్సిన బుల్లెట్ రకం లేదా నంబరింగ్ శైలిని నిర్దేశిస్తుంది. ''ని పేర్కొనడం ద్వారా దీనిని టైల్విండ్లో ఉపయోగించవచ్చు జాబితా-డిస్క్ 'మరియు' జాబితా-దశాంశం 'ఉపయోగాలు. ఈ కథనం జాబితా శైలి రకం మరియు Tailwindలో దాని వినియోగం గురించి వివరించింది.
- మొదటిది,'
- ” మూలకం మరియు ఒకటి లేదా అంతకంటే ఎక్కువ చైల్డ్ “