Kayıtlar

border-color etiketine sahip yayınlar gösteriliyor

CSS border-color Özelliği

CSS border-color Css border-color özelliği bir html elemanının kenarlarına renk vermek için kullanılır.. Örnek: Bu örneğimizde div elemanı ile oluşturulan 4 kutunun kenarlıklarına renk verilecektir. div { margin: 15px; padding: 15px; } div.bir { border-style: solid; border-color: green; } div.iki { border-style: solid; border-color: red black; } div.uc { border-style: solid; border-color: red gray yellow; } div.dort { border-style: solid; border-color: black green blue yellow; } Kendiniz deneyin » CSS border-color nedir nasıl kullanılır Css border-color ile html elemanlarının kenarlarına renk verilebilir. Burada dikkat edilmesi gereken nokta bu özelliği kullanmak için öncesinde border-style özelliğinin kullanılması gerekir. CSS border-color CSS border-color özellikleri &nbsp

CSS border-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; border: 20px solid black; -webkit-animation: animasyonismi 4s infinite; animation: animasyonismi 4s infinite; } @-webkit-keyframes animasyonismi { 50% {border-color: pink;} } @keyframes animasyonismi { 50% {border-color: pink;} } </style></head> <body> <strong>css border-color animasyon</strong> <div id="kutu-1"></div> <p>

CSS border-color uygulama

CSS border-color div {     border-style:solid;<br>    border-width:6px; <br>    border-color:<span id='rfrnscsscde'>pink</span>;<br>} CSS border-color değerleri pink red blue red green blue yellow blue green #c6c386 rgb(225,225,225) transparent initial Sonuç Ekranı Sonuç ekranının kenarlarının renklerine stil vereceğiz .. Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com

JavaScript CSS border-color Örnek

javascript css border-color örnek uygulama CSS'te Kutunun kenarlarına renk verme uygulaması.. Javascript ile border-color özelliğine red 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.borderColor = red; } Çalıştır JavaScript css border-color © htmlvecssegitimi.blogspot.com

CSS border-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 border-color özelliği ve örnek uygulama</title> <style> div{ margin:15px; padding:15px; } div.bir { border-style: solid; border-color: green; } div.iki { border-style: solid; border-color: red black; } div.uc { border-style: solid; border-color: red gray yellow; } div.dort { border-style: solid; border-color: black green blue yellow; } </style