Content :

Bir elementin öncesine(before) veya sonrasına(after) css ile bir içerik oluşturmak için kullanılır. Content: ‘’ şeklindeki ifadenin içerisi doldurularak yada boş bırakılarak oluşturmak mümkün olacaktır. Oluşturacağımız içeriğe göre değişkenlik gösterir.

Örnek

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

Codepen Ön izleme

 

Css Sözdizimi

Değer	Açıklama
auto	Belirtilirse hiçbir özellik kazanmaz. Varsayılan değeridir.
none	Belirtilmiş içeriğe hiçbir değer vermez.
counter
attr	Elementin attr’sini seçilebilir olmasını sağlar.
string	Belirlediğimiz metnin içeriğini belirler.
Open-quote	Belirlediğimiz elementi ya da metni tırnak başlangıç noktasını belirler.
Close-quote	Belirlediğimiz elementi ya da metni tırnak bitiş noktasını belirler.
No-open-quote	Belirtilmişse içerikten açılış teklifi kaldırır
url	Elementin öncesine veya sonrasına bir url değişkeni yükler. Yani resim atmanıza imkan sağlar.
İnital
İnherit

Tarayıcı Desteği

1.0	1.0	8.0	1.0	4.0