Müzik ve Teknolojiyle arası iyi olan bir zat-ı muhterem.

CSS Before ve After Elemanlarının Kullanımı
4 sene önce 1.365 okunma HTML/CSS/JS

Before ve After elemanları önce ve sonra anlamına gelmektedir. CSS2 ile gelen bu özellik çok işe yaradı ve şuanda çoğu yerlerde kullanılmaktadır.

Örneğin bir metin yazdınız ve bu metinin başına sabit kalmasını istediğiniz bir işaret veya bir yazı getirebilirsiniz. Aynı şekilde after elementiyle de metnin sonuna istediğiniz bir işareti, bir resmi veya bir yazıyı getirebilirsiniz. Hayal gücünüze göre before ve after elemanlarının kullanımını şekillendirebilirsiniz.

Kullanımı

Örneğin içerik adında bir div açtınız ve bu div’in başına bir yazı getirmek istiyorsunuz; hemen yapalım


#icerik{

width:200px;

height:200px;

background-color:#333;

}

Yukarıda icerik adında bir div oluşturduk şimdi bu div’in başına before yardımı ile bir yazı getirelim.


#icerik:before{

content:"Deneme"

}

Tıpkı bu mantıkla after elemanını da kullanabilirsiniz.

Ahali ne demiş ?

Etiketler

, ,
Diğer Projelerim
Pc Webim Tarifimvar Rounded Image Rounded Image
   

Ben Kimim ?

Bilgi Ben Emirhan. Burası da benim kişisel mecram. Epeydir web sitesi işleriyle uğraşıyorum... Her neyse bu kadar bilgi yeter. Devamı için tam da şu yandaki butona tıkla. Devamı...
Bağlantılar: Bahis, Canlı Casino ve Poker Dersleri www.netsporhaber.com gaziantep escort ataşehir escort bedava bahis

Neler Biliyorum ?

WordPress 60% Complete
C/C++ 95% Complete
HTML 80% Complete
CSS 80% Complete

Copyright © 2014 Tüm hakları tarafımca saklanmaktadır.