CSS ::after sahte elementi

Tanım ve Kullanım

CSS ::after Taklit elemanlar, belirtilen elementin içeriğinin ardından bazı içerik eklemek için kullanılır.

Kullanım content Özellik belirler, eklemek istediğiniz içeriği. content'in değeri şu olabilir:

• Dizi: content: "Hello world!";
• Görsel: content: url(myimage.jpg);
• İçerik Yok: content: none;
• Sayaç: content: counter(li);
• Söz Dizgisi: content: close-quote;
• Özellik Değeri: content: " (" attr(href) ")";

İpucu:Lütfen dikkat edin, eklenen içerik hala belirtilen elementin içindedir. Eklenen içerik, elementin içeriğine eklenir.

Kullanım ::before Belirli bir elementin içeriğinin önüne bazı içerik ekler.

Örnek

Örnek 1

Her <p> elementinin içeriğinin ardından bir dizi ekle:

p::after {
  content: " - Bu hatırlatmayı unutmayın";
}

Kişisel Deneyim

Örnek 2

Her <p> elementinin içeriğinin ardından bir dizi ekle ve eklenen içeriğin tarzını ayarla:

p::after {
  content: " - Bu hatırlatmayı unutmayın";
  background-color: yellow;
  color: red;
  font-weight: bold;
}

Kişisel Deneyim

CSS Dilbilgisi

::after {
  css ifadeleri;
}

Teknik Ayrıntılar

Tarayıcı Desteği

Tabloda belirtilen rakamlar, bu taklit elemanın tamamen desteklenen ilk tarayıcı sürümünü belirtir.

İlgili Sayfalar

Eğitim:CSS Taklit Elemanı

Kaynakça:CSS ::before sahte elementi