HTML Stil Özniteliği (HTML Style Attribute)

HTML stil özniteliği (style attribute) ile HTML elementlerinin biçimlendirilmesi sağlanmış olur.

HTML Stil Özniteliği

Stil öznitelikleri, ilk olarak HTML4 ile tanıtılmıştır. Stiller doğrudan bir şekilde CSS (Cascading Style Sheets – Basamaklı Stil Şablonları) kullanılarak yazılabildiği gibi başlangıç etiketlerinde olmak kaydıyla HTML elementlerine de eklenebilir.

HTML’de style özniteliği, tüm HTML elementlerini biçimlendirmek için ortak bir yol sağladığı gibi bir web sitesi için belirli biçimlendirmeleri yapabilmek adına pratik bir alternatif sağlar. Bunu yapabilmek için ilgili elementin başlangıç etiketine style=”özellik:değer;” şeklinde yazılması yeterlidir; <etiket style="özellik:değer;">

See the Pen Untitled by 1kodum (@1kodum) on CodePen.

Yukarıdaki örnekte de görüleceği üzere paragraf elementinin başlangıç etiketine stil özniteliği eklenerek varsayılan olarak kullanılan özellikleri biçimlendirilmiştir.

Yaygın Kullanılan HTML Stilleri

HTML belgelerinde yaygın bir şekilde kullanılan HTML stilleri alt başlıklar halinde örnek kodlarıyla beraber derlenmiştir:

HTML Zemin Rengi (HTML Background Color)

Varsayılan olarak beyaz renkli olarak ayarlanan HTML belgelerinin zemin rengini background-color özelliği ile değiştirebilirsiniz.

See the Pen Untitled by 1kodum (@1kodum) on CodePen.

HTML Yazı Rengi (HTML Text Color)

Varsayılan olarak siyah renkli olarak ayarlanan HTML yazı rengi color özelliği ile değiştirilebilir.

See the Pen Untitled by 1kodum (@1kodum) on CodePen.

HTML Yazı Tipi (HTML Text Style)

HTML yazı tipinin varsayılan değerleri font-familiy özelliği ile değiştirilebilir.

See the Pen Untitled by 1kodum (@1kodum) on CodePen.

HTML Yazı Boyutu (HTML Text Size)

HTML yazı boyutunun varsayılan değerleri font-size özelliği ile değiştirilebilir.

See the Pen Untitled by 1kodum (@1kodum) on CodePen.

HTML Yazı Ortalama (HTML Text Alignment)

HTML yazıyı ortalamak için text-align özelliği kullanılır.

See the Pen Untitled by 1kodum (@1kodum) on CodePen.