CSS içerik özelliği

Tanım ve kullanım

content özelliği, :before ve :after sahte elementleri ile birlikte kullanılarak oluşturulan içeriği eklemek için kullanılır.

Açıklama

Bu özellik, elementin önce veya sonra yerleştirilecek oluşturulan içeriği tanımlamak için kullanılır. Varsayılan olarak, bu genellikle satır içeriğidir, ancak bu içeriğin oluşturulan kutu türü, display özelliği ile kontrol edilebilir.

Ayrıca bkz:

CSS referans el kitabı:CSS :before sahte elementi

CSS referans el kitabı:CSS :after sahte elementi

HTML DOM referans el kitabı:content özelliği

Örnek

Aşağıdaki örnek, her bağlantının ardından parantez içindeki URL'yi ekler:

a:after
  {
  content: " (" attr(href) ")";
  }

Kişisel olarak deneyin

CSS dilbilgisi

content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;

Öznitelik değeri

Değer Açıklama
none  
normal  
content specifications  
inherit Content özelliğinin değerini ebeveyn elemanından devralması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: normal
Geçirsizlik: hayır
Sürüm: CSS2
JavaScript dilbilgisi: object.style.content="url(beep.wav)"

Tarayıcı desteği

Tablodaki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0