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

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

list-style సరళ లక్షణం ఒక వాక్యంలో అన్ని జాబితా లక్షణాలను అమర్చగలదు.

వివరణ

ఈ లక్షణం ఒక సరళ లక్షణం, అన్ని ఇతర జాబితా లక్షణాలను కలిగి ఉంటుంది. ఇది అన్ని display అని list-item అంశాలను అనుసరించిన అంశాలకు అనువర్తిస్తుంది కాబట్టి, సాధారణ HTML మరియు XHTML లో మాత్రమే li అంశాలకు ఉపయోగించబడగలదు, కానీ వాస్తవానికి ఇది ఏ అంశాన్ని కూడా అనువర్తిస్తుంది మరియు list-item అంశాల ద్వారా పారంతరించబడుతుంది.

క్రమంగా క్రింది లక్షణాలను అమర్చవచ్చు:

కొన్ని విలువలను అమర్చకూడదు, ఉదాహరణకు "list-style:circle inside;" కూడా అనుమతించబడుతుంది. అమర్చని లక్షణాలు అప్రమేయ విలువను వినియోగిస్తాయి.

ఇతర పరిశీలన కోసం చూడండి:

CSS శిక్షణ పుస్తకం:CSS లిస్ట్

HTML DOM సందర్భాల పరిశీలన పుస్తకం:listStyle లక్షణం

ఉదాహరణ

చిత్రాన్ని జాబితాలో జాబితా అంశం ముద్రణ స్థానంగా అమర్చండి:

ul
  {
  list-style:square inside url('/i/arrow.gif');
  }

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

CSS సంకేతబద్ధం

list-style: list-style-type list-style-position list-style-image|initial|inherit;

లక్షణ విలువ

విలువ వివరణ
list-style-type జాబితా అంశాల ముద్రణ రకాన్ని నిర్వచించండి. చూడండి:list-style-type సాధ్యమైన విలువలు.
list-style-position జాబితా అంశాల ముద్రణ స్థానాన్ని నిర్వచించండి. చూడండి:list-style-position సాధ్యమైన విలువలు.
list-style-image జాబితా అంశాలను మార్చే చిత్రాలను ఉపయోగించండి. చూడండి:list-style-image సాధ్యమైన విలువలు.
inherit ఈ లక్షణం ప్రాతిపదికన తండ్రి అంశం నుండి list-style లక్షణం విలువను పారంతరించుట నిర్ధారించబడింది.

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

అప్రమేయ విలువ: disc outside none
పారంతరణ లక్షణం: yes
వెర్షన్: CSS1
JavaScript సంకేతబద్ధం: object.style.listStyle="decimal inside"

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

ఒక వాక్యంలో అన్ని జాబితా లక్షణాలను నిర్వచించండి
ఈ ఉదాహరణలో క్రమంగా అన్ని జాబితా లక్షణాలను ఒక సరళ లక్షణంలో అమర్చారు.

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0