CSS içerik özelliği
- Önceki sayfa @container
- Sonraki sayfa counter-increment
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) ")"; }
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 |
- Önceki sayfa @container
- Sonraki sayfa counter-increment