HTML Satır İçi (Inline) CSS Kodları

HTML içinde satır içi (inline) CSS kodları, belirli bir HTML elementine özel stil eklemek için kullanılır. Bu yaklaşım, genellikle belirli bir öğenin yalnızca tek bir durumu için geçerli olan küçük stil değişikliklerini yapmak için kullanışlıdır. İşte satır içi CSS kullanımının örnekleri:

1. Stil Atama:

   • Bir HTML elementine doğrudan stil atamak için style özelliği kullanılır.

   <p style="color: red; font-size: 16px;">Bu bir kırmızı renkli ve 16px büyüklüğünde paragraftır.</p> 

   Canlı Dene Kopyala

2. Arka Plan Rengi:

   • Bir elementin arka plan rengini belirtmek için background-color özelliği kullanılır.

   <span style="background-color: yellow;">Bu metin sarı arka plana sahiptir.</span> 

   Canlı Dene Kopyala

3. Metin Rengi:

   • Metnin rengini belirtmek için color özelliği kullanılır.

   <strong style="color: blue;">Bu metin mavi renkte vurgulanmıştır.</strong> 

   Canlı Dene Kopyala

4. Yazı Tipi:

   • Yazı tipini belirtmek için font-family özelliği kullanılır.

   <em style="font-family: 'Courier New', monospace;">Bu metin monospaced yazı tipine sahiptir.</em> 

   Canlı Dene Kopyala

5. Kenarlık ve Kenarlık Rengi:

   • Kenarlık özellikleri ile bir elemente kenarlık eklemek için border ve border-color özellikleri kullanılır.

   <div style="border: 1px solid #ccc; border-color: red;">Bu bir kenarlıklı kutudur.</div> 

   Canlı Dene Kopyala

6. Metin Gölgeli:

   • Metni gölgeli yapmak için text-shadow özelliği kullanılabilir.

   <h2 style="text-shadow: 2px 2px 4px #666;">Bu başlık gölgeli bir efekte sahiptir.</h2> 

   Canlı Dene Kopyala

Satır içi CSS kullanımı, küçük stil değişiklikleri veya belirli durumlar için uygun olabilir ancak genellikle büyük projelerde stil yönetimi ve bakım açısından daha karmaşık olduğu için genel olarak tercih edilmez. Bu tür durumlarda, harici CSS dosyaları kullanmak daha etkili olabilir.