Html5

Ders-4 HTML5 Style Özniteliği

Bir HTML elementinin stil özellikleri style özniteliği ile belirlenebilir ve değiştirilebilir.

Kullanım şekli aşağıdaki gibidir

Örneğin bir paragraf etiketinin içindeki yazının rengini değiştirelim. Html’de yazılan paragrafların varsayılan (default ) rengi siyahtır. Aşağıdaki örnekte yazının rengini kırmızı yapmaya çalışacağız.

P etiketi Html5’te paragraf yazmak için kullanılıyor. Bunu önceki yazılarımda anlatmıştım. Yukarıdaki kodun çıktısı Tarayıcımızda aşağıdaki gibi olacaktır.

Style elementinin içinde Css3’te kulandığımız bütün özellikleri kullanabiliriz. Aşağıdaki örnekte Style özelliği ile font boyutunu ayarlamayı göstereceğim.

Kodumuzun çıktısı aşağıdaki gibi olacaktır. Yukarıda ilk p elementinde hiçbir style özelliği tanımlanmadı ve 2. p elementinde ise yazı fontu büyütüldü ve yazı rengi kırmızı olarak değiştirildi . Arasındaki farkı görmeniz açısından iyi bir örnek oldupunu düşünüyorum.

Son örneğimizde ise metni tarayıcıda ortalama özelliği gösterip konuyu bitireceğim.

Kodun çıktısında gördüğünüz gibi metin sayfanın tam ortasına gelmiş

Konunun Özeti :

  • Html elementine stil tanımlamak için style özelliği kullanılır.
  • Arkaplan rengini değiştirmek için background-color özelliği kullanılır.
  • Yazı rengini değiştirmek için color özelliği kullanılır.
  • Yazı fontu ailesini belirlemek için font-family özelliği kullanılır.
  • Yazı boyutunu belirlemek için font-size özelliği kullanılır.
  • Yazıyı hizalamak için text-align özelliği kullanılır.
Yorum yapmak için tıklayın

Cevap bırakın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

En üste