Mafanikio ya ::marker ya CSS

Muundo na matumizi

CSS ::marker Mafanikio ya mafanikio inatumiwa kwa kuzingatia mafanikio ya kichwa cha orodha.

Tabia hii ya mafanikio inatumiwa kwa elementi yoyote ambayo inaingizwa kwa display: list-item.

Ujumbe:Mafanikio ya hivi inaweza kuwa na ::marker Kufanya pamoja:

• Tofauti ya fonti
• Tofauti ya mafanikio ya hali ya programu
• Tofauti ya kina ya kuzingatia
• color
• white-space
• content
• text-combine-upright
• unicode-bidi
• Muundo

Mifano

Mfano 1

Wengineze rangi na ukubwa wa fonti ya mafanikio ya kichwa cha orodha zote:

::marker {
  font-size: 20px;
  color: red;
}

Jifunze tena

Mfano 2

Wengineze mafanikio ya kichwa cha orodha ya orodha ya <ul>, rangi na ukubwa wa fonti:

ul li::marker {
  content: "@ ";
  color: pink;
  font-size: 25px;
}

Jifunze tena

Mfano 3

Ingiza elementi ya <h2> kwa display: list-item na wengineze mafanikio ya kichwa cha orodha na rangi:

h2 {
  counter-increment: h2;
  display: list-item;
}
h2::marker {
  display: list-item;
  content: "@" counter(h2) " ";
  color: lightgreen;
}
body {
  counter-reset: h2;
  font-family: verdana;
  margin: 50px;
}

Jifunze tena

Majukuu ya CSS

::marker {
  maulizo ya css;
}

Vifaa ya teknolojia

Mafanikio ya programu

Mafanikio ya tabia za programu inasema kiwango cha programu kwanza ambacho inakubali kama mafanikio ya tabia hii.

Sayari za mawasiliano

Mwongozo:Pseudelementi ya CSS