CSS ::marker ప్రత్యామ్నాయ పద్ధతి

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

CSS ::marker ప్రత్యామ్నాయ పద్ధతి జాబితా అంశాల పద్ధతి స్టైల్స్ నిర్దేశించడానికి ఉపయోగించబడుతుంది.

ఈ ప్రత్యామ్నాయ పద్ధతి ప్రతి డిస్ప్లే: list-item గా నిర్దేశించిన అంశానికి వర్తిస్తుంది.

గమనిక:ఈ లక్షణాలు కలిసి ఉపయోగించవచ్చు: ::marker కలిసి ఉపయోగించండి:

• అన్ని ఫాంట్ లక్షణాలు
• అన్ని అనిమేషన్ లక్షణాలు
• అన్ని ట్రాన్సిషన్ స్పెక్ట్రం లక్షణాలు
• color
• white-space
• content
• text-combine-upright
• unicode-bidi
• దిశ

ఉదాహరణ

ఉదాహరణ 1

అన్ని జాబితా అంశాల పద్ధతిని రంగు మరియు ఫాంట్-సైజ్ నిర్దేశించండి:

::marker {
  ఫాంట్-సైజ్: 20px;
  కలర్: రెడ్ రెడ్
}

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

ఉదాహరణ 2

నిర్దేశించిన <ul> జాబితా అంశాల పద్ధతిని కంటెంట్, రంగు మరియు ఫాంట్-సైజ్ నిర్దేశించండి:

ul li::marker {
  కంటెంట్: "@ ";
  కలర్: పింక్;
  ఫాంట్-సైజ్: 25px;
}

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

ఉదాహరణ 3

నిర్దేశించిన <h2> పద్ధతిని display: list-item గా మార్చి, మరియు జాబితా అంశాల పద్ధతిని కంటెంట్ మరియు రంగు నిర్దేశించండి:

h2 {
  కౌంటర్-ఇన్క్రీమెంట్: h2;
  డిస్ప్లే: లిస్ట్-ఐ;
}
h2::marker {
  డిస్ప్లే: లిస్ట్-ఐ;
  కంటెంట్: "@" కౌంటర్(h2) " ";
  కలర్: లైట్ గ్రీన్;
}
బడీ {
  కౌంటర్-రీసెట్: h2;
  ఫాంట్-ఫ్యామిలీ: వెర్డానా;
  మార్జిన్: 50px;
}

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

CSS సంకేతాలు

::marker {
  క్లాస్ పత్రాలు;
}

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

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

పద్ధతిపట్ల పూర్తి మద్దతు కలిగిన ప్రత్యామ్నాయ పద్ధతి మొదటి బ్రౌజర్ వెర్షన్ లో పద్ధతి నంబర్లు పట్టికలో నిర్దేశించబడ్డాయి.

సంబంధిత పేజీలు

పాఠ్యక్రమం:CSS సూఫిక్స్