CSS ::marker sahte elementi

Tanım ve kullanım

CSS ::marker Sahte element, listeleme öğesi işaretlerinin tarzını ayarlamak içindir.

Bu sahte element, display: list-item olarak ayarlanmış herhangi bir element için uygundur.

Dikkat:Aşağıdaki özellikler ile birlikte kullanılabilir: ::marker Birlikte kullanılır:

• Tüm yazı özellikleri
• Tüm animasyon özellikleri
• Tüm geçiş özellikleri
• color
• white-space
• content
• text-combine-upright
• unicode-bidi
• Yönlendirme

Örnek

Örnek 1

Tüm listeleme öğesi işaretlerine renk ve yazı boyutu belirleyin:

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

Kişisel olarak deneyin

Örnek 2

<ul> listesinin listeleme öğesi işaretlerine içerik, renk ve yazı boyutu belirleyin:

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

Kişisel olarak deneyin

Örnek 3

<h2> elementini display: list-item olarak ayarlayın ve listeleme öğesi işaretlerine içerik ve renk belirleyin:

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;
}

Kişisel olarak deneyin

CSS dilbilgisi

::marker {
  css ifadeleri;
}

Teknik ayrıntılar

Tarayıcı desteği

Tablodaki rakamlar, bu sahte elementi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

İlgili sayfalar

Rehber:CSS sahte elementi