CSS list-style-type అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

లిస్ట్-స్టైల్-టైప్ అటువంటి విలువ జాబితా అంశాల మార్కర్ రకాన్ని నిర్ణయిస్తుంది.

మరింత చూడండి:

CSS శిక్షణ పత్రికCSS లిస్ట్

CSS పరిశీలన పత్రికCSS list-style అట్రిబ్యూట్

HTML DOM పరిశీలన పత్రికలిస్ట్-స్టైల్-టైప్ అటువంటి విలువ

ఉదాహరణ

వివిధ జాబితా శైలులను అమర్చుకోండి:

యుఎల్.చక్రం {లిస్ట్-స్టైల్-టైప్:చక్రం;}
యుఎల్.స్క్వేర్ {లిస్ట్-స్టైల్-టైప్:స్క్వేర్;}
ఓఎల్.అప్పర్-రోమన్ {లిస్ట్-స్టైల్-టైప్:అప్పర్-రోమన్;}
ఓఎల్.లోయర్-అల్ఫా {లిస్ట్-స్టైల్-టైప్:లోయర్-అల్ఫా;}

స్వయంగా ప్రయత్నించండి

పేజీ కించే మొదటి భాగంలో మరిన్ని ఉదాహరణలు ఉన్నాయి)

CSS సంకేతాలు

లిస్ట్-స్టైల్-టైప్: విలువ;

అటువంటి విలువ

CSS2 యొక్క విలువ:

విలువ వర్ణన
నానీ నానీ మార్కర్.
disc డిఫాల్ట్. మార్కర్ సరళ చక్రం ఉంది.
చక్రం మార్కర్ సరళ చక్రం ఉంది.
స్క్వేర్ మార్కర్ సరళ స్క్వేర్ ఉంది.
డిసీమల్ మార్కర్ సంఖ్య ఉంది.
డిసీమల్-లీడింగ్-జీరో 0 మొదలుగా ఉన్న సంఖ్యల మార్కర్ (01, 02, 03, మొదలైనది మొదలు కాగలదు.)
లోయర్-రోమన్ చిన్న రోమన్ అక్షరాలు (i, ii, iii, iv, v, మొదలైనది మొదలు కాగలదు.)
అప్పర్-రోమన్ పెద్ద రోమన్ అక్షరాలు (I, II, III, IV, V, మొదలైనది మొదలు కాగలదు.)
లోయర్-అల్ఫా చిన్న అక్షరాలు ది మార్కర్ లోయర్-అల్ఫా (a, b, c, d, e, మొదలైనది మొదలు కాగలదు.)
upper-alpha పెద్ద ఆంగ్ల అక్షరాలు The marker is upper-alpha (A, B, C, D, E, మొదలైనవి.)
lower-greek చిన్న గ్రీక్ అక్షరాలు (alpha, beta, gamma, మొదలైనవి.)
lower-latin చిన్న లతిన్ అక్షరాలు (a, b, c, d, e, మొదలైనవి.)
upper-latin పెద్ద లతిన్ అక్షరాలు (A, B, C, D, E, మొదలైనవి.)
hebrew పారంపరక హెబ్రూ గణన విధానం
armenian పారంపరక అర్మేనియన్ గణన విధానం
georgian పారంపరక జార్జియా గణన విధానం (an, ban, gan, మొదలైనవి.)
cjk-ideographic సరళ సంకేతాలు
hiragana టాగ్‌లు: a, i, u, e, o, ka, ki, మొదలైనవి. (జపనీస్ కాన్జీ)
katakana టాగ్‌లు: A, I, U, E, O, KA, KI, మొదలైనవి. (జపనీస్ కాన్జీ)
hiragana-iroha టాగ్‌లు: i, ro, ha, ni, ho, he, to, మొదలైనవి. (జపనీస్ కాన్జీ)
katakana-iroha టాగ్‌లు: I, RO, HA, NI, HO, HE, TO, మొదలైనవి. (జపనీస్ కాన్జీ)

CSS2.1 యొక్క విలువలు:

disc | circle | square | decimal | decimal-leading-zero | 
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | 
armenian | georgian | none | inherit

సాంకేతిక వివరాలు

అప్రమేయం: disc
పారస్పరిక సంబంధం: అవును
సంస్కరణ: CSS1
JavaScript సంకేతాలు: object.style.listStyleType="square"

మరిన్ని ఉదాహరణలు

అనాక్రమ జాబితాలో వివిధ రకాల జాబితా టాగ్‌లు
ఈ ఉదాహరణలో CSSలో అన్ని రకాల జాబితా అంశాల టాగ్‌లను ప్రదర్శిస్తుంది.
క్రమబద్ధ జాబితాలో వివిధ రకాల జాబితా అంశాల టాగ్‌లు
ఈ ఉదాహరణలో CSSలో అన్ని రకాల జాబితా అంశాల టాగ్‌లను ప్రదర్శిస్తుంది.
అన్ని జాబితా శైలులు
ఈ ఉదాహరణలో CSSలో అన్ని రకాల జాబితా అంశాల టాగ్‌లను ప్రదర్శిస్తుంది.

బ్రౌజర్ మద్దతు

పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను పేర్కొన్నాయి.

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 4.0 1.0 1.0 3.5