JavaScript CSS text-decoration-color Örnek

javascript css text-decoration-color özelliği örnek uygulama

Bu yazının üzeri çizili olarak still atanmıştır. Şimdi ise bu çizginin rengini belirleyen css text-decoration-color özelliğini inceleyelim..

Javascript ile text-decoration-color özelliğine "green" 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.textDecorationColor = "green";
document.getElementById("anakutu").style.MozTextDecorationColor = "green";
}

JavaScript css text-decoration-color © htmlvecssegitimi.blogspot.com

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

CSS3 border-image-slice uygulama

CSS3 border-image-slice #borderimage {<br>    border: 20px solid transparent;<br>    padding: 20px;    <br>    border-image: url(border.png);<br>    border-image-slice:<span id='rfrnscsscde'> 10</span>;<br>    border-image-repeat: round;<br>    }<br> CSS3 border-image-slice değerleri 28 60 15 25 Sonuç Ekranı Note: Internet Explorer 10, and earlier versions, do not support the border-image-slice property. Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com
Devamı Oku »

Javascript css order sitil atama

<!DOCTYPE html> <html> <head> <style> #anakutu { width: 300px; height: 150px; border: 1px solid black; display: -webkit-flex; display: flex; } #anakutu div { width: 50px; height:50px; } </style> </head> <body> <div id="anakutu"> <div style="background-color:coral;" id="kirmizi"></div> <div style="background-color:lightblue;" id="mavi"></div> <div style="background-color:lightgreen;" id="yesil"></div> <div style="background-color:pink;" id="pembe"></div> </div> <p>Aşağıdaki butona tıkladğınızda sıralama "yeşil-pembe-mavi-kirmizi" şeklinde olacaktır.</p> <button onclick="fonk()">Çalıştır.</button> <script> function fonk() { /* Code for Safari 6.1 and newer versions */ document.getElementById(...
Devamı Oku »

HTML5 ile SEO Uyumlu İçerik Üret

Resim
 Merhaba arkadaşlar , HTML5 ile SEO uyumlu içerik üretmek için   yapabileceğiniz çok basit ama bir blog ve web site için çok önemli olan bir kaç şeyi size paylaşıyorum. HTML5 ile SEO Uyumlu İçerik Üret Başlık Etiketlerini Etkili  Kullanın İçeriğinizi önemli anahtar kelimelerle vurgulamak için başlık etiketlerini (H1, H2, H3 vb.) kullanın. Anahtar kelimeleri bu başlık etiketlerinde yerleştirerek sayfanın yapısını anlamlı bir şekilde düzenleyin.  İçeriğinizde başlık etiketlerini (H1, H2, H3 vb.) kullanarak sayfada hiyerarşi oluşturun. Ana başlık (H1) sadece bir kez kullanılmalı ve diğer başlık etiketleri (H2, H3 vb.) alt başlıklar için kullanılmalıdır. Meta Etiketlerini Kullanmayı Unutmayın  Meta açıklama etiketini kullanarak sayfanın içeriğini özetleyin vemümkünse  anahtar kelimelerinizin en azından bir tanesi meta açıklamada bulunsun. Anahtar kelimeleri de bu açıklamada kullanarak arama motorlarının içeriğinizi daha iyi anlamasını sağlayın. Ayrıca, her...
Devamı Oku »

Web Sitenizden Çok Para Kazanin

Resim
  Web sitenizden daha fazla para kazanmanın yolları nı arıyorsanız, Adsterra gibi etkili bir reklam ağından faydalanabilirsiniz. Adsterra, bloglarınızda veya web sitelerinizde reklamlar yayınlayarak hızla para kazanmanızı sağlayan bir dizi avantaj sunmaktadır. Geçen yazımıda SEO içeriklerle web sitenizi arama motorlarınızda nasıl üst sıralara taşıyacağımızı anlatmıştık.Siz de web yayıncılık serüveninizde bloglarınızdan daha çok fazla trafik çekip takipçilerinizi ve trafiğinizi paraya dönüştürmek istiyorsanız bu yazı tam size göre. AdsTerra ile Bloğunuzdan Hemen para kazanmaya başlayın ! Adsterra'nın avantajlarından biri, anında reklam görüntülenme imkanıdır. Bir kez kayıt olduktan sonra, Adsterra'nın reklam ağına erişim sağlayarak bloglarınızda veya web sitelerinizde reklamların hemen yayınlanmasını sağlayabilirsiniz . Bu hızlı başlangıç, gelirinizi artırmanızı ve kazancınızı daha da büyütmenizi sağlar. Adsterra'nın sunduğu reklam çeşitliliği de dikkate değerdir. Kaps...
Devamı Oku »

Html dersleri

Resim
Html dersleri ne  kaldığımız yerden devam ediyoruz ve artık bir webmaster ya da kodyazarı olma yolunda adım adım ilerleyeceğiz.Bir önceki derste html konusunda basit bir başlangıç yapmıştık.Şimdi ise bir kaç hatırlatmayla kod editörlerini kullanarak ders anlatımına devam edeceğiz.Kodlama öğrenmek istiyorum mu demiştiniz? HTML' in açılımı H yper T ext M arkup L anguage yani Güçlü metin işaretleme dili de denebilir.Bu kelimeyi sıkça duyacağınız için açılımını bilmekte  yarar var.İnternet sayfaları yapamamızı sağlayan bu dil ile en basit haliyle bir web siteyi aşağıdaki kodlamıştık. <html> <head> <title> Belge başlığı </title> </head> <body> <h1> İçerik Başlığı </h1> <p> Bir paragraf........ </p> <p> Bir başka paragraf........ </p> </body> </html> Şimdi ise yukarıda gördüğünüz kodları editörde çalıştırarak test edin.Eğer kendi kullana...
Devamı Oku »

İnternetten hangi alanlarda para kazanılır?-İnternetten para kazanmanın yolları

Resim
İnternetten para kazanmanın yolları İnternet, günümüzde pek çok kişi için hem bir eğlence hem de bir gelir kaynağıdır. İnternet üzerinden para kazanmak isteyenler için çeşitli seçenekler bulunmaktadır. Bu seçenekler arasında bazıları daha kolay, bazıları ise daha zor ve emek gerektiren yöntemlerdir. Bu yazıda, internetten para kazanmanın yollarını ve bunların avantajlarını ve dezavantajlarını sizler için anlatacağız. İnternetten hangi alanlarda para kazanılır? İnternetten para kazanmak isteyenler için birçok alan mevcuttur. Bunlardan bazıları şunlardır: Blog yazmak: Blog yazmak, internetten para kazanmanın en popüler yöntemlerinden biridir. Blog yazarak, ilgi duyduğunuz veya bilgi sahibi olduğunuz bir konu hakkında yazılar yayınlayabilir ve bunları okuyucularınızla paylaşabilirsiniz. Blog yazarak para kazanmanın yolları arasında reklam gelirleri, sponsorluklar, bağlı kuruluş pazarlaması, ürün satışı, e-kitap veya kurs oluşturma gibi seçenekler bulunmaktadır. Blog yazmanın avantajları a...
Devamı Oku »

Html belgesi yapısını anlama uygulaması

Resim
Html  dersi uygulama örneğimizde  html belgesinde temel etiketler ve kullanımını öğreneceğiz.Bu uygulama çok basit bir web sayfasının kodlarıdır.Sizlerde başlığı değiştirerek ya da paragraf etiketlerini değiştirerek kod yazmaya başlayabilirsiniz.Bir web sitesi yapmak için temel kurgu iyi bilinmelidir. <!DOCTYPE HTML> <html> <head> <title>Belge Başlığı</title> </head> <body> <h1>İçerik Başlığım</h1> <p>İlk paragrafım.....</p> </body> </html> Html belgesi uygulama videosu Bir html dökümanının uzantısı html'dir.Aşağıda izleyeceğiniz videoda sıfırdan html derslerine uygulamalarla başlamış olacağız.Videoyu izlemeden önce son hatırlatmaları yapalım. Doctype bildirimi ile tarayıcıya sitemizin html5 ile yapıldığını bildiriyoruz. Sitemiz html kodları içerisinde her elemanı kapsayan en önemli etikettir. Bizler kullanıcı olarak web sitelerinde sadece body kodları arası...
Devamı Oku »

CSS border-collapse Özelliği

CSS border-collapse Css border-collapse özelliği tabloların kenarlarını birleştirerek tek çizgi halinde görünmesini sağlar. Örnek: Bu örnekte bir tablonun satır ve sütun kenarlarını tek çizgi olarak görünmesini sağlamak için border-collapse özelliğini uyguladık. table { border-collapse: collapse; } table, td, th { border: 1px solid black; } Kendiniz deneyin » CSS border-collapse nedir nasıl kullanılır Bir html tabloya border atadığımız zaman normalde her hücrenin kendi bir kenarlığı olur, eğer ki border-collapse özelliğini uygularsak artık hücreler ortak bir kenar kullanmış olur.Daha detaylı öğrenmek için örneklerimizi inceleyiniz. CSS border-collapse CSS border-collapse özellikleri &nbsp Varsayılan Değer: separate   Kalıtsallık: var   Animasyon Özelliği: yok   ...
Devamı Oku »

CSS background-attachment Ö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 css background-attachment örnek ve uygulama Css'te css background-attachment özelliğine "fixed" değeri atanırsa arka plan resmi kaydırma çubuğunun (scroll) hareketi halinde resim sürekli görünür biçimde kalacaktır. Sonucun etkisini görmek için sağdaki kaydırma çubuğunu aşağıya doğru hareket ...
Devamı Oku »

2020 En hızlı ve güvenli YouTube reklam engelleyici tarayıcı

Resim
  2020 Yılının en hızlı ve güvenli tarayıcısı hangisidir nedir diye soracak olursanız kesinlikle tüm dünyanın hem fikir olduğu Brave Browser 'dır.Bu kadar güvenli ve hızlı olmasının yanında reklamları engelleyip kaldırmasına ne demeli ? Ben şapka çıkartırım böyle tarayıcıya. Sizi bilmem 😍 Unutmadan söyleyeyim İnternet Teknolojisinin ve Web'in yani www  dediğimiz dünya çağında ağ dediğimiz, vazgeçemediğimiz bağımlısı olduğumuz  bu teknolojiye en büyük  yapı taşını koyan Javascriptin kurucusu    Brendan Eich  tarafından yapılmıştır.  Daha kime güvenelim değil mi ? 2020 YouTube Reklam Engelleyici İndir Bu harika Reklam Engelleyici uygulama nın hem masa üstü hem mobil versiyonları var .Sizler aşağıdaki Brave Browser Uygulamasını İndir resmine tıkladığınızda  otomatik olarak mobil mi masa üstü mü tablet mi kullandığınızı anlayacak ve size uygun sürümünü indirecektir. En hızlı ve En Güvenilir YouTube reklam engelleyicisini indirmek için buraya ...
Devamı Oku »