CSS ::before ప్రత్యార్థక క్రియాశైలి

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

CSS ::before ప్రత్యార్థక క్రియాశైలు ఉపయోగించబడింది ప్రత్యేక ఎల్లి ప్రత్యేక విషయాన్ని ప్రవేశపెట్టడానికి.

ఉపయోగించండి content గుణము పేరు: content: " (" attr(href) ")";

• పదాలు: content: "హలో వరల్డ్!";
• చిత్రం: content: url(myimage.jpg);
• కానీ సమాచారం లేకుండా: content: none;
• లెక్కలు: content: counter(li);
• కోవ్వులు: content: open-quote;
• గుణములు: content: " (" attr(href) ")";

సూచన:ప్రత్యేక ఎల్లి లోపల ఉన్న ప్రత్యేక విషయం ప్రవేశపెట్టబడింది. ప్రవేశపెట్టబడిన ప్రత్యేక విషయం ప్రత్యేక ఎల్లి లోపల ఇతర ప్రత్యేక విషయాల ముందు జోడించబడుతుంది.

ఉపయోగించండి ::after ప్రత్యేక ఎల్లి ప్రత్యేక విషయం తర్వాత ప్రవేశపెట్టండి.

ఉదాహరణ

ఉదాహరణ 1

ప్రత్యేక ఎల్లి ప్రత్యేక విషయం ప్రవేశపెట్టండి:

p::before {
  content: "ఈ వాక్యాన్ని చదవండి: ";
}

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

ఉదాహరణ 2

ప్రత్యేక ఎల్లికి ప్రత్యేక విషయాన్ని ప్రవేశపెట్టి, ప్రవేశపెట్టబడిన విషయం శైలిని అమర్చండి:

p::before {
  content: "ఈ వాక్యాన్ని చదవండి -";
  background-color: yellow;
  color: red;
  font-weight: bold;
}

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

CSS సంకేతాలు

::before {
  css ప్రకటనలు;
}

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

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

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

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

శిక్షణ పద్ధతి:CSS ప్రత్యార్థక క్రియాశైలి

సూచనలు:CSS ::after ప్రత్యార్థక క్రియాశైలి