CSS border-left-color Özelliği

CSS border-left-color

Css border-left-color özelliğini kullanarak bir html elemanın sol kenar rengi tanımlanabilir.

Örnek:

bu örnekte div elemanının dol kenar rengi kırmızı kenar tipi ise sürekli çizgi seçilmiştir.

div { border-style: solid; border-left-color: red; padding: 15px; }

CSS border-left-color nedir nasıl kullanılır

Css border-left-color bir html elementinin sol kenar rengini değiştirmek ve düzenlemek için kullanılır.
CSS border-left-color CSS border-left-color özellikleri  
Varsayılan Değer: auto  
Kalıtsallık: yok  
Animasyon Özelliği: var
Versiyon: CSS3  
JavaScript border-left-color: object.style.borderLeftColor="brown"

CSS border-left-color Tarayıcı Desteği

CSS Kodu:
border-left-color 1.0 4.0 1.0 3.5 1.0

CSS border-left-color Değerleri

border-left-color:color|transparent|initial|inherit;

CSS border-left-color özelliği değerleri

CSS border-left-color değerleri CSS border-left-color değerleri tanımları CSS örnek uygulamalar
color Renk değeri girilir.
transparent Saydam olmasını sağlar.
initial Özelliğin varsayılan değeridir.
inherit Soybağından gelen değeri kullanır.

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

HTML center Etiketi

<center> Etiketi Örnek Bir HTML sayfasında ortaya hizalanmış metin: < center > Bu yazı ortaya hizalanacaktır. < /center > Kendiniz deneyin » 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> <body> <p>Bu bir yazıdır.</p> <center>Bu yazı ortaya hizalanacaktır.</center> <p>Bu bir yazıdır.</p> <p>Center elementi HTML5'te desteklenmiyor. Yerine CSS kullanabilirsiniz.</p> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <center> Tanımı ve Kullanımı HTML 5'te desteklenmiyor.Ye
Devamı Oku »

HTML del Etiketi

<del> Etiketi Örnek Silinmiş kısmı ve yeni eklenmiş yazısı olan bir metin: < p > Favori futbolcum < del > Messi < /del > < ins > Ronaldo < /ins > ! < /p > Kendiniz deneyin » 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> <body> <p>Favori futbolcum <del>Messi</del> <ins>Ronaldo</ins>!</p> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <del> Tanımı ve Kullanımı <del> etiketi bir belgeden silinmiş olan metni ifade eder. Tarayıcı Desteği Elemen
Devamı Oku »

HTML label Etiketi

<label> Etiketi Örnek Etiketleriyle birlikte üç radio butonu: < input type= "radio" name= "diller" id= "dil1"/> < label for= "dil1"> İngilizce < /label >< br/ > < input   type= "radio"   name= "diller"   id= "dil2"/> < label   for= "dil2"> Almanca < /label >< br/ > < input   type= "radio"   name= "diller"   id= "dil3"/> < label   for= "dil3"> Türkçe < /label >< br/ > < br/ > < input type= "submit" value= "Onayla"/> Kendiniz deneyin » 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
Devamı Oku »

HTML main Etiketi

<main> Etiketi Örnek main etiketi örnek kullanım: < main >    < h1 > İnternet Tarayıcıları < /h1 >    < p > Google Chrome, Firefox, ve Internet Explorer günümüzün en çok kullanılan tarayıcılarıdır. < /p >    < article >      < h1 > Google Chrome < /h1 >      < p > Google Chrome, 2008 yılında Google tarafından geliştirilen açık kaynaklı, ücretsiz bir internet tarayıcısıdır. < /p >    < /article >    < article >      < h1 > Internet Explorer < /h1 >      < p > Internet Explorer, 1995 yılında Microsoft tarafından kullanıma sunulan ücretsiz bir internet tarayıcısıdır. < /p >    < /article >    < article >      < h1 > Mozilla Firefox < /h1 >      < p > Firefox, 2004 yılında Mozilla tarafından kullanıma sunulan açık kaynaklı, ücretsiz bir internet tarayıcısıdır. < /p >    < /article > < /main > Kendiniz deneyin »
Devamı Oku »

HTML details Etiketi

<details> Etiketi Örnek <details> elementinin kullanımı: < details >   < summary > Copyright 2015 < /summary >   < p > Tüm hakları saklıdır. < /p >   < p > İçeriğin izinsiz olarak veya kaynak gösterilmeden alıntılanması yasaktır. < /p > < /details > Kendiniz deneyin » 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> <body> <details> <summary>Copyright 2015</summary> <p>Tüm hakları saklıdır.</p> <p>Sitedeki içeriklerin ve görsellerin izinsiz olarak veya kaynak gösterilmeden alıntılanması yasaktır.</p> </details> <p><b>Not:</b>
Devamı Oku »

HTML Element Referansları

HTML Etiketleri Alfabetik Sıralı HTML belgelerinde kullanabileceğiniz HTML etiketleri nin tamamını alfabetik sıralı şekilde aşağıdaki tablodan inceleyebilirsiniz. HTML5 ile birlikte gelen yeni etiketler ve HTML5'te desteklenmeyen etiketler de tabloya dahildir. = HTML5'te yeni. Etiket Tanım <!--...--> Kaynak kodundaki bir yorumu ifade eder <!DOCTYPE> Belge türü bildirimini ifade eder <a> Bir bağlantıyı linki ifade eder <abbr> Kısaltmayı ya da kısa adı ifade eder <acronym> HTML 5'te desteklenmiyor. Yerine <abbr> kullanın. Kısa adı ifade eder <address> Belge sahibi ya da yazarı ile ilgili iletişim bilgisini ifade eder <applet> HTML 5'te desteklenmiyor. Yerine <embed> ya da <object> kullanın. Sayfaya gömülü uygulamayı ifade eder <area> Bir görsel haritası içinde
Devamı Oku »

Linklerin Renklerini Değiştirme Örnek

<!DOCTYPE html> <html> <head> <style> a:link { color: green; background-color: transparent; text-decoration: none } a:visited { color: brown; background-color: transparent; text-decoration: none } a:hover { color: red; background-color: transparent; text-decoration: underline } a:active { color: orange; background-color: transparent; text-decoration: underline } </style> </head> <body> <p>Linklerin varsayılan renklerini değiştirebilirsiniz.</p> <a href="http://htmlvecssegitimi.blogspot.com/2016/01/html-link-rengi-degistirme-ornek.html" target="_blank">HTML Link Rengi Değiştirme Örneği</a> </body> </html>
Devamı Oku »

CSS content Özelliği

CSS content Css content özelliğini sayfaya seçilen elemandan önce veya sonrasında içerik eklemek için kullanılabilir. Örnek: Bu örnekte bir linkin title değerini linkten önce yazmak için content özelliği uygulanmıştır. a:before { content: " (" attr(title) ")"; color: red; font-size: 1.1em; } Kendiniz deneyin » CSS content nedir nasıl kullanılır Css content ile seçilen html elemanından önce veya sonrasında bir url ,resim, içerik, tırnak işareti gibi elemanlar eklenebilir. CSS content CSS content özellikleri   Varsayılan Değer: normal   Kalıtsallık: yok   Animasyon Özelliği: yok   Versiyon: CSS2   JavaScript content: Açıklama Oynat CSS content Tarayıcı Desteği Tablodaki sayılar özelliği tam destekleyen ilk tarayıcı sü
Devamı Oku »