CSS font-style Özelliği

CSS font-style

Css font-style özelliği metnin yazı tipi stilini belirtir.

Örnek:

Bu örnekte 3 tane paragrafa farklı font-style değerleri uygulanarak özelliğin etkisinin öğrenilmesi amaçlanmıştır.

p.normal { font-style: normal; } p.italic { font-style: italic; } p.oblique { font-style: oblique; }

CSS font-style nedir nasıl kullanılır

Bir metinsel ifadenin yazı sitili belirtmek için kullanılır.

CSS font-style CSS font-style özellikleri  
Varsayılan Değer: normal  
Kalıtsallık: var  
Animasyon Özelliği: yok  
Versiyon: CSS1  
JavaScript font-style: object.style.fontStyle="italic"

CSS font-style Tarayıcı Desteği

Tablodaki sayılar özelliği ilk destekleyen tarayıcı sürümlerini gösterir.

CSS Kodu:
font-style 1.0 4.0 1.0 1.0 7.0

CSS font-style Değerleri

font-style:normal|italic|oblique|initial|inherit;

CSS font-style özelliği değerleri

CSS font-style değerleri CSS font-style değerleri tanımları CSS örnek uygulamalar
normal Normal görünümlü yazı sitilidir.
italic Yazı hem eğik hemde hafiften bir renk tonunda fark vardır.
oblique italic özelliği bulunmayan fontlara uygulanır.
initial Özelliğin varsayılan değeridir.
inherit Kalıtsal olarak aldığı değerdir.  

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

HTML yorum etiketi ile öğe gizleme örneği

Resim
Merhaba arkdaşlar , html işaretleme dilinde  yorum etiketini bir webmaster olarak  kulanmamız gerekebilir.Bu bize kodların karışmamasını ve disiplinli bir çalışma yapmamıza olanak sağlar. Bu örneği uygulayarak  nasıl html yorum tagını yani etiketini kullanabileceğinizi öğreneceksiniz. <!DOCTYPE html> <html> <body> <p>Kodu Çalıştır butonuna tıkladığınızda, yorum etiketleri arasındaki öğe tarayıcıda görüntülenmez. Yorum etiketlerini silerek içeriği görüntüleyebilirsiniz.</p> <!-- Aşağıdaki içeriği şimdilik gizle <img border="0" src="http://3.bp.blogspot.com/-NE-3K559zkQ/ViVybTh5YqI/AAAAAAAAAr8/fvJSe7lEA9Y/s320/cennet_papagani.jpg" alt="papagan" /> --> </body> </html> Bu bloğu yazarken html kaynak kodlarında sürekli güncellemeler ve düzenlemeler yapıyorum.Blogger kaynak görünümüne geçtiğiniz de bir çok yorum satırlarımı bulabilirsiniz. bu örneği tamam
Devamı Oku »

YouTube Reklam Engelleyici

Resim
YouTube reklam engelleyici ile internetten hem para kazan abilir hem de internetteki Google reklamlarını yani YouTube reklamlarını da engelleyebilir, kapatabilirsiniz .Nasıl mı ? Okumaya devam edin bundan sonra  kendinize daha çok zaman ayırabilecek hızlı güvenli bir internet keyfi yaşayacaksınız. Reklamları sonsuza kadar kaldıran Uygulamayı Hemen Keşfet YouTube Music gibi ücretli hizmetlere hiç girişmeyin derim. Acelem var diyorsanız hemen Brave  Mobil Uygulama | YouTube Reklam Engelleyici 'ı indirin ben de o sırada size reklamları kaldıran uygulama | tarayıcı hakkında bilgi vereyim. Ücretsiz YouTube Reklam Engelleyici  YouTube 'da dizi izlerken film izlerken sürekli yerinizden kalkıp reklamı geç butonuna bastığınız oldu mu ? Eminim bu ve benzeri bir çok anınız vardır reklamları kapatma ile ilgili.İşte artık reklamları kapatmayı veya engellemeyi öğrenmenize gerek yok. YouTube Reklam Engelleyici İndir YouTube Reklam Engelleyici Mobil Uygulama yı'ı indirmek için  sitesini
Devamı Oku »

HTML Resimler

Resim
HTML Resimler <img> Etiketi HTML'de resimler <img> etiketi ile gösterilir. <img> etiketi boş etiket olarak tanımlanır, yani kapanış etiketi yoktur ve sadece özellikler (parametreler) içerir. src özelliği resmin URL'sini (web adresini) belirtir. alt özelliği ise, resmin görüntülenmediği durumlar için alternatif metni tanımlar: <img src="URL" alt="alternatif metin"> Örnek <!DOCTYPE html> <html> <body> <h2>HTML Resimler - Örnek</h2> <img src="cennet_papagani.jpg" alt="Papagan" width="150px" height="150px"> </body> </html> Kendiniz deneyin » Resimlerin yükseklik ve genişlik değerlerini her zaman belirtin. Yükseklik ve genişlik değerleri belirtilmediğin
Devamı Oku »

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Resim
Html5 canvas etiketi ve Javascript yardımı ile çok güzel animasyonlar yapabilir oyunlar programlayabilirsiniz.Sizlere bu yazımda  Udemy'de Yayınladığım harika kurs hakkında  bilgi vereceğim. Html5 Canvas Animasyon Dersleri  6 Saatlik eğitim sonunda  Html5 canvas  animasyonları ve oyunları çok kolay bir şekilde yapabilirsiniz.Öncelikle yılan oyunu yapımı ve kurs önizlemesini izleyelim. Eğer sıfırdan oyun geliştirmek istiyorsanız ve javascript ile aranız iyi ise hemen kendi oyununuzu programlamaya başlayın. Yılan oyununu yapmak sadece 1 saat 5 saat boyunca Html5 Canvas yolculuğuna çıkacağız. Javascript Yılan Oyunu Yapımı Diyeceksiniz ki çok basit bir oyun bu  ! Kesinlikle öyle basit  fakat normal bir oyun yapımında kullanılan neredeyse bütün algoritmalar sorgulamalar bu oyun içerisinde var.Javascript ve programlama gücünüz oyun yapmaya çalışırken maximum seviyeye çıkabilir.Ben denedim :) Udemy'deki Html5 Canvas Animasyon dersleri ve Javascript Oyun Yapımı k
Devamı Oku »

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

Resim
Merhaba arkadaşlar bu yazımda  eski tarayıcılarda çalışmayan kodları nasıl gizleyebileceğimizi ve  uzunca yazılan  javascript kod satırlarını bölme yi öğreteceğim. Web tasarım ve kodlama dersleri adı altında  başlatmış olduğum javascript dersleri makalelerimin hepsini okumanızı istiyorum ve sizler için hazırlanan uygulamaların hepsini dikkatle uygulayarak öğrenin.Bir önceki yazımda javascript ile neler yapılabilir  konusunu işledim. Js de eski tarayıcılarda çalışma ve kod satırlarını gizleme Bazen web site yapmak istediğimizde  hangi programlama dilini kullanırsak kullanalım kodlar uzayabiliyor bu gibi durumlarda javascript kodlarını bölerek alt satıra rahatlıkla geçişler yapabiliriz.Aşağıdaki örnekte javascript kodunu  ters slash (\) ile bölerek rahatça kod yazımına devam edeceğiz.Örneği inceleyiniz. <!DOCTYPE HTML> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Js ile kod satırını bölme</title
Devamı Oku »

HTML cite Etiketi Örnek

<!DOCTYPE html> <html> <body> <p>HTML blockquote öğesi bir eserin, çalışmanın adını tanımlar.</p> <p>Tarayıcılar blockquote öğelerini genellikle italik yazı stilinde gösterir.</p> <img src="http://3.bp.blogspot.com/-BrCUY458dfc/VhzWOy_ZGRI/AAAAAAAAArc/48gD1xjewMw/s320/aynanin-onundeki-kiz.jpg" /> <p><cite>Aynanın Önündeki Kız</cite> Pablo Picasso'nun 1932'de tamamladığı eseri.</p> </body> </html>
Devamı Oku »

Javascript ile neler yapılabilir

Resim
Javascripti web prokelerimizde hangi amaçlarla nasıl kullanabileceğimizi ve javascript ile neler yapılabilir bu yazımda bunları anlatmaya çalışacağım.Javascript  kullancı taraflı bir dildir.Öğrenilmesi en kolay  web programlama dilidir.Ve bir webmasterın öğrenmesi gereken temel 3 dilden biridir.Bu diller:Html,Css ve Javascripttir.
Devamı Oku »