Örnek
Aşağıdaki örnek her bağlantı sonrası parantez içinde URL'yi ekler:
a:after
{
content: " (" attr(href) ")";
}
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
İçerik özelliği kullanılmaktadır: ve daha önce: sözde elemanları sonra, oluşturulan içeriği eklemek için kullanılır.
| Varsayılan değer: | normal |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS2 |
| JavaScript sözdizimi: | You can't give an element a pseudo-class by using JavaScript, but there are other ways to get the same result: Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| content | 1.0 | 8 | 1.0 | 1.0 | 4.0 |
Note: IE8 yalnızca içerik özelliğini destekleyen bir DOCTYPE belirtilirse!.
CSS sözdizimi
content: normal|none|counter|attr| Mülkiyet Değerler değer Açıklama Örnek normal Varsayılan değer. Belirtilmişse, normale, hangi varsayılan içeriği ayarlar "none" (which is nothing) Try it » none içerik, belirtilmişse hiçbir şey belirler Try it » counter bir sayaç gibi içerikleri belirler Try it » attr (attribute) Biri olarak içeriğini belirler selector's özniteliği Try it » string Belirttiğiniz metne içerik ayarlar Try it » open-quote içeriği belirler bir açılış alıntı olması Try it » close-quote içeriği ayarlar bir kapanış alıntı olmaya Try it » no-open-quote belirtilmişse, içerikten açılış alıntı kaldırır Try it » no-close-quote belirtilmişse, içerikten kapanış alıntı kaldırır Try it » url( url ) Içerik ayarlar medya çeşit olmak (an image, a sound, a video, etc.) Try it » initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
Diğer Örnekler
Örnek
Için mermi renkleri nasıl eklenir <ul> veya <ol> varsayılan mermi çıkarılması ve mermi gibi görünen bir HTML varlık ekleyerek (•) :
ul {
list-style: none; /* Remove list bullets */
padding: 0;
margin: 0;
}
li {
padding-left: 16px;
}
li:before {
content: "•"; /* Insert content that
looks like bullets */
padding-right: 8px;
color: blue; /* Or a color you prefer */
} Kendin dene "
İlgili Sayfalar
CSS referans: : sözde elemanının önce
CSS referans: : sözde elemanının sonra