Kayıtlar

outline-color etiketine sahip yayınlar gösteriliyor

CSS outline-color Özelliği

CSS outline-color Css outline-color özelliği bir html elemanının sınırları dışarısında oluşturulan kenarlığın (ikinci kenarlığın) renk sitillerini tanımlamak için kullanılır. Örnek: Bu örnekte bir div elemanına outline-color: pink değerini uygulayarak pembe renk uyguladık. div { border: 5px solid green; outline-style: solid; outline-color: pink; padding: 35px; } Kendiniz deneyin » CSS outline-color nedir nasıl kullanılır Bir html elemanının varsayılan border haricinde ikinci bir kenarlık oluşturmasına izin veren outline özelliğinin yerine parça parçada tanımlayabiliriz.Bu makalede incelenen özellik outline-color fakat bunu tek başına kulanamayız. Aynı zamanda bir kenar sitili tanımlanmış olmalıdır. CSS outline-color CSS outline-color özellikleri   Varsayılan Değer: invert   Kalıtsallık: yok   Animasyon Özelliği: var Oynat

CSS outline-color 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: 20px solid yellow; -webkit-animation: animasyonismi 8s infinite; animation: animasyonismi 8s infinite; position:relative; left:50px; margin:25px; } @-webkit-keyframes animasyonismi { 50% {outline-color: red;} } @keyframes animasyonismi { 50% {outline-color: red;} } </style></head> <body> <strong>css outline-color animasyon örnek</strong> &

CSS outline-color uygulama

CSS outline-color div { border5px solid yellow; outline-style:solid; outline-width:10px; outline-color: red ; } CSS outline-color değerleri red green #0000ff #ff9900 rgb(255,200,255) rgb(200,130,255) invert initial Sonuç Ekranı Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com

JavaScript CSS outline-color Örnek

javascript css outline-color özelliği örnek uygulama CSS outline-color outline özelliği ile tanımlanan ikinci kenarın rengini değiştirmek için kullanılır. Javascript ile outline-color özelliğine "blue" 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.outlineColor = "blue"; } Çalıştır JavaScript css outline-color © htmlvecssegitimi.blogspot.com

CSS outline-color Ö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-color özelliği ve örnek uygulama</title> <style> div { border: 5px solid green; outline-style: solid; outline-color: pink; padding:35px; } </style></head> <body> <div> outline-color özelliği ile blok düzeyindeki elementlere kenarlık rengini tanımlayabiliriz..</div></body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com