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 */
   }
   

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 */
   }
   

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 */
   }
   

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 */
   }
   

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 */
   }
   

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.