content Özelliği Temel Özellikler
- CSS Yazımı :
content: attr(<öznitelik>) | close-quote | <sayaç> | none | normal | no-open-quote | open-quote | <metin> | <URL>;- Örnek :
content: url("süperCSS.png");- Öntanımlı Değer :
normal- Uygulanabilen Etiketler :
::afterve::beforesahte ögelerine de uygulanabilir.- Kalıtsallık :
- Yok
- Tarayıcı Desteği :
- Tüm Tarayıcılar
- Animasyon :
- Desteklenmiyor
animationÖzelliği - Javascript :
- Sayfaları (-n içeriklerini) JavaScript ile değiştirmek için --> Javascript
- Sürüm :
- CSS2 (düz. 1) / CSS Generated Content Module Level 3
- Açıklama :
content Özelliği Kullanımı
Markanız için 300X300 alan.
CSS content özelliği; :after (sonra) ve :before (önce) sahte CSS seçicileriyle etikete içerik yerleştirir. content özelliği ile gelen içerik anonim "yerleştirilmiş içerik"tir.
CSS'in tamga seti UTF-8'dir.
Eklenen içerik DOM'un bir parçası olmaz.
!doctype kullanımı bu özellik için IE8'de zorunludur.
content Özelliği Tarayıcı Desteği
MasaüstüTaşınabilir
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 1.0 | 4.0 | 1.0 | 1.0 | 8.0 [1] |
| Url() | 1.0 | 7.0 | 1.0 | 1.0 | 8.0 |
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 1.0 | 9.5 | 1.0 | 1.0 | 8.0 |
| Url() | ? | ? | ? | ? | ? |
[1] !doctype kullanımı bu özellik için IE8'de zorunlu.
Tarayıcı desteği tablosu artık güncel değil. Kısa zamanda güncellenecek.
content Özelliğinin Alabileceği Değerler
attr(<öznitelik>)- Etiketin öznitelik değerini içerik olarak yazar. Öznitelik yoksa boş metin ("") döner. (Belge diline göre) Büyük küçük tamga ayrımı vardır.
close-quote- (
quotesözelliğinden gelen) İçeriği kapanan bir not olarak ayarlar. <sayaç>- Sayacı ayarlar.
none- İçeriği kapatır.
normal- İçeriği gösterir. Öntanımlı değer.
no-open-quote- İçerik oluşturmaz ama alıntıların (quotes) -içiçe geçme- derecesini alçaltır ya da yükseltir.
no-close-quote- İçerik oluşturmaz ama alıntıların (quotes) -içiçe geçme- derecesini alçaltır ya da yükseltir.
open-quote- (
quotesözelliğinden gelen) İçeriği açılan bir not olarak ayarlar. <metin>- Yazı.
<URL>- URL (görsel, izlence, müzik ve benzeri bağlantısı)
İlişkili Bağlantılar
CSS Dizelge --> Sayaçlar