CSS ' te bir başka gözde özellik :focus. Focus işlev olarak :hover' e benzese de özünde birbirlerinden farklıdırlar.
:focus özelliği mouse ile üzerine bir nesnenin üzerine geldiğinizde belirgin olan , imleci çektiğinizde ise kaybolan bir özelliktir.
Örneklerle açıklayalım;
PHP Kod:
Bu şekilde normal test yazimiz yazacaktır. Ufak bir css düzenlemesi yapalım.
PHP Kod:
Bunu sayfanın başına eklediğinizde yazının imleç ile üstüne geldiğinizde yazı kırmızı renk olacak imleci çektiğinizde ise eski halie dönecektir. İyi forumlar.
:focus özelliği mouse ile üzerine bir nesnenin üzerine geldiğinizde belirgin olan , imleci çektiğinizde ise kaybolan bir özelliktir.
Örneklerle açıklayalım;
PHP Kod:
Kod:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p class = "hataylee">test yazimiz</p>
</body>
</html> Bu şekilde normal test yazimiz yazacaktır. Ufak bir css düzenlemesi yapalım.
PHP Kod:
Kod:
<style>
.hataylee:focus{
color : red
}
</style> Bunu sayfanın başına eklediğinizde yazının imleç ile üstüne geldiğinizde yazı kırmızı renk olacak imleci çektiğinizde ise eski halie dönecektir. İyi forumlar.
