Class, Id veya Html etiketinden sonra after veya before ile kullanılır.
Bütün A etiketlerinin sonuna test yazısını ekler.
a:after {
content: “test”;
}
Woocommerce için Fiyat yerine yazı yazmak
p.price:after {
content: “Fiyat Sorunuz”;
}
HTML kodu çalışmaz. Ekrana direk yazılır.
a:after {
content: “<b>Test</b>”;
}
CSS content değerleri | CSS content değerleri tanımları | |
---|---|---|
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. |