Kayıtlar

outline etiketine sahip yayınlar gösteriliyor

CSS outline Özelliği

CSS outline Css outline ile ikinci bir kenarlık oluşturulabilir. Örnek: Bu örnekte bir div elemanına outline:red dashed thick; değeri uygulanmıştır. div { border: 2px solid aqua; outline: red dashed thick; padding: 30px; } Kendiniz deneyin » CSS outline nedir nasıl kullanılır İkinci kenarın sitil özelliklerini yazmamızı sağlayan kısa bildirimdir.İkinci kenarın genişliği elementin genişliğine dahil değildir.Ayarlanabilir özellikleri renk, genişlik ve çeşididir. CSS outline CSS outline özellikleri   Varsayılan Değer: invert none medium   Kalıtsallık: yok   Animasyon Özelliği: var Oynat Versiyon: CSS2   JavaScript outline: object.style.outline="gray dashed 15px" Oynat CSS outline Tarayıcı Desteği Tablodaki sayılar özelliği destekleyen ilk tarayıcı sürümleridir. CSS

CSS outline animasyon

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <style> #kutu-1 { width: 250px; height: 250px; outline: 1px solid gray; -webkit-animation: animasyonismi 4s infinite; animation: animasyonismi 4s infinite; position:relative; left:50px; top:50px; border:3px solid black; margin-bottom:100px; padding:15px; } @-webkit-keyframes animasyonismi { 50% {outline: 10px solid yellow;} } @keyframes animasyonismi { 50% {outline: 10px solid yellow;} } </style></hea

JavaScript CSS outline Örnek

javascript css outline özelliği örnek uygulama CSS outline kutuya bir border (kenar) daha ekleme işlemi.. Dış kenarlık .. Javascript ile outline özelliğine "gray dashed 15px" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! function fonk() { document.getElementById("anakutu").style.outline = "gray dashed 15px"; } Çalıştır JavaScript css outline © htmlvecssegitimi.blogspot.com

CSS outline Örnek

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE HTML><html lang="en-US"> <head> <meta charset="UTF-8"> <title>css outline özelliği ve örnek uygulama</title> <style> div { border: 2px solid aqua; outline: red dashed thick; padding:30px; } </style></head> <body> <div> outline özelliği ile blok düzeyindeki elementlere kenarlık tanımlayabiliriz..</div></body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com