CSS Kutu Kenarlık Ayarları

CSS ile kutu kenarlık ayarları, bir HTML öğesinin sınırlarını belirleme ve stil verme işlemlerini ifade eder. İşte bazı temel kenarlık ayarları:

1. Kenarlık Rengi ve Türü:

   • border özelliği, kenarlığın rengini ve türünü belirler.

   div { border: 2px solid #333; /* 2 piksel genişliğinde, solid tipinde siyah kenarlık */ } 

   Canlı Dene Kopyala

2. Kenarlık Şekli:

   • border-radius özelliği, kenarlığın köşelerini yuvarlamak için kullanılır.

   div { border-radius: 10px; /* Köşeleri 10 piksel yuvarla */ } 

   Canlı Dene Kopyala

3. Kenarlık Şeffaflığı:

   • border veya border-color özellikleri üzerinden kenarlığın şeffaflığını belirleyebilirsiniz.

   div { border: 2px solid rgba(0, 0, 0, 0.5); /* %50 şeffaflıkta siyah kenarlık */ } 

   Canlı Dene Kopyala

4. Kenarlık Çiftlik (Double) ve Noktalı (Dotted):

   • Kenarlık türünü çift (double) veya noktalı (dotted) olarak belirleyebilirsiniz.

   div { border: 3px double #007bff; /* Çift kenarlık, mavi renk */ } span { border: 1px dotted #e74c3c; /* Noktalı kenarlık, kırmızı renk */ } 

   Canlı Dene Kopyala

5. Kenarlık Kalınlığı:

   • border-width özelliği ile kenarlık kalınlığını belirleyebilirsiniz.

   div { border-width: 4px; /* 4 piksel kalınlığında kenarlık */ } 

   Canlı Dene Kopyala

Bu özellikler, kenarlık ayarlarını belirlemenize ve HTML öğelerinize belirli bir stil vermenize yardımcı olur. Kombinasyonlar kullanarak farklı tasarımlar oluşturabilir ve sayfanızın görünümünü özelleştirebilirsiniz.