CSS content Özelliği
CSS content
Csscontent özelliğini sayfaya seçilen elemandan önce veya sonrasında içerik eklemek için kullanılabilir.
Örnek:
Bu örnekte bir linkintitle değerini linkten önce yazmak için content özelliği uygulanmıştır. a:before {
content: " (" attr(title) ")";
color: red;
font-size: 1.1em;
}
CSS content nedir nasıl kullanılır
Css content ile seçilen html elemanından önce veya sonrasında bir url ,resim, içerik, tırnak işareti gibi elemanlar eklenebilir.
| CSS content | CSS content özellikleri | |
|---|---|---|
| Varsayılan Değer: | normal | |
| Kalıtsallık: | yok | |
| Animasyon Özelliği: | yok | |
| Versiyon: | CSS2 | |
| JavaScript content: | Açıklama |
CSS content Tarayıcı Desteği
Tablodaki sayılar özelliği tam destekleyen ilk tarayıcı sürümlerini gösterir.
| CSS Kodu: | |||||
|---|---|---|---|---|---|
| content | 1.0 | 8.0 | 1.0 | 1.0 | 4.0 |
CSS content Değerleri
content:normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;
CSS content özelliği değerleri
| CSS content değerleri | CSS content değerleri tanımları | CSS örnek uygulamalar |
|---|---|---|
| normal | Bir değer girilmezse özellik etkisini göstermez. | |
| none | Bir içerik eklenmeyeceğini ifade eder. | |
| counter | Seçilen html elemanının yanında sayaç olarak çalışan sayılar çıkar. | |
| attr | Seçilen elemanın attribute yani özellik paremetresine göre içerik ekler. | |
| string | String bir ifade girileceğini belirtir. | |
| open-quote | Tırnak işaretini açar | |
| close-quote | Tırnak işaretini kapatır. | |
| no-open-quote | Üst soybağından gelen content değerinde tırnak işareti var ise ,şimdi uygulanan elemanda bu "tırnak açış " işaretini göstermez. | |
| no-close-quote | Üst soybağından gelen content değerinde tırnak işareti var ise ,şimdi uygulanan elemanda bu "tırnak kapanış " işaretini göstermez. | |
| url(url) | İçerik yerine bir url tanımlanabilir. | |
| initial | Özelliğin varsayılan değeridir. | |
| inherit | Soybağından gelen değeri kullanır. |
Yorumlar
Yorum Gönder