Örnek 1

İki noktayı ":" content özelliği ile label'e veriyoruz.

":"yı label:after {content : ":";} ile ekledik ve ":"nın pozisyonunu float ile belirledik. Bunu label'a position:relative; vererek ve ":" ya position:absolute; right:0px; top:0px diyede tanımlayabiliriz.

Örnek 2

Oluşturduğumuz bir link topluluğuna content ve counter-increment özellikleri ile numara veriyoruz.

jQuery :even ve :odd seçicisi Javascript Confirm (Evet-Hayır Butonları) jQuery abOkuyucu uygulaması Cep Telefon Javascript kontrolu jQuery ile tıklama ve tıklamama

Örnek 3

content : (string) özelliği yani content : "Metininiz" yazıyoruz ve o belirttiğimiz elementin başına belirttiğimiz metin geçiyor.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Örnek 4

open-quote ve close-quote özellikleri ile tırnak açıyoruz ve tırnak kapatıyoruz.

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Örnek 5

content : attr(href) ile belirttiğimiz elementin href attribute'sini alıyoruz. Not : burada sadece href değil bizim oluşturduğumuz bir tagın da değerini alabiliriz.

Aycan BÜLBÜL, kişisel bloğu Aycan attr'sinin değerini alıyoruz :

Örnek 6

content : url(XX.png); ile belirttiğimiz elemente resim verdik.

Aycan BÜLBÜL, kişisel bloğu

Güzel Yorumlarınız

Merhaba arkadaşlar, bu makale için yorumlarınızı aşağıdaki linke yazabilirsiniz.

aycan.net ~ Css content nedir ? nasıl kullanılır ?