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