CSS Ders-15 Odaklanma (Focus)
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

CSS Ders-15 Odaklanma (Focus)

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(1607)
RAPOR ET
Bu dersimiz focus yani odaklanma ma işlevine stil vermeyi görecez.Önce işlevinden başlayalım.input,textarea... gibi bir elemana odaklandığımızda yani focuslandığımızda onda stil verebiliriz.Yani bir inputa tıkladığımızda içindeki fontu değiştiririz yada rengi yada boyut vs değiştirebiliriz.Şimdi kodlarıma bakalım.

.isim:focus{color:red;}

yukarda isim clasına ait elemana focuslandığında rengini kırmızı yap dedik.

Genel Örnek:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>cArleone</title>
<style type="text/css">
.yazi{width:100px;height:25px;color:#999;}
.yazi:focus{color:#333;width:200px;}
</style>
</head>
<body>

<input type="text" class="yazi" />
<br />
<input type="text" class="yazi" />

</body>
</html>


Görüntüsü:
http://ustaderslik.com/resim/ders/rt1tg.png



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol