HTML Stil Özniteliği (HTML Style Attribute)

HTML’de style özniteliği, bir elementin görünümünü ve biçimlendirmesini doğrudan tanımlamak için kullanılır. Bu öznitelik, CSS (Cascading Style Sheets – Basamaklı Stil Şablonları) kurallarını doğrudan HTML kodunun içinde yazarak uygulanmasını sağlar.

Style özniteliği, tüm HTML elementlerinde kullanılabilen evrensel bir özniteliktir ve hızlıca belirli bir elemente özel biçimlendirme yapmak için oldukça pratik bir yöntemdir. Bu yöntem, özellikle küçük projelerde veya tek seferlik stil değişikliklerinde avantajlıdır.

Style özniteliğini kullanmak için, ilgili HTML elementinin açılış etiketine style="özellik: değer;" biçiminde CSS kurallarını eklemeniz yeterlidir. Birden fazla özellik eklemek isterseniz, bu özellikleri noktalı virgülle (;) ayırabilirsiniz.

<h1 style="text-align: center; color: green;">Başlık Metni</h1>
<p style="background-color: yellow; padding: 10px;">Sarı arka planlı bir paragraf.</p>

Yukarıdaki kodda, başlık metni (h1) text-align: center; ile ortalanmış ve color: green; ile yeşil renge boyanmıştır. Paragraf (p) ise background-color: yellow; ile sarı bir arka plana sahip olmuş ve padding: 10px; ile içeriğe 10 piksellik boşluk eklenmiştir. Bu sayede her iki element de görsel olarak biçimlendirilmiştir.

Küçük projelerde pratik bir çözüm sunsa da, büyük projelerde harici veya dahili CSS yöntemlerini tercih etmek daha iyi bir yaklaşımdır. Bu sayede kodlar hem daha okunabilir olur hem de bakım ve güncelleme daha kolay hale gelir.