6XC

CSS Border (Kenarlık) Oluşturucu

Kenarlığı görsel olarak tasarlayın — kalınlık, stil (solid, dashed, dotted, double…), renk ve yarıçap — canlı önizlemeli.

666 görüntülenme

border Özelliği

Kısayol: border: kalınlık stil renk, örn. border: 2px dashed #5b3df5. Stiller: solid, dashed, dotted, double, groove, ridge, inset, outset. Yuvarlak çerçeveler için border-radius ile birleştirin; sekme alt çizgisi gibi vurgular için tek kenara (border-top vb.) uygulayın.

Sıkça Sorulan Sorular

Kenarlık öğenin boyutunu neden değiştiriyor?

Varsayılan olarak kenarlık kutu ölçülerine eklenir. box-sizing: border-box kullanırsanız genişlik-yükseklik kenarlığı da kapsar — modern standart budur.

double stilinin görünmesi için kaç px gerekir?

double en az 3px ister — iki çizgi ve aradaki boşluk. Daha incede tek çizgi olarak çizilir.

Benzer Araçlar

CSS Gradient Oluşturucu Doğrusal, dairesel ve konik CSS degradelerini canlı önizlemeyle tasarlayın, kodu kopyalayın. Oluştur CSS Box Shadow (Gölge) Oluşturucu Kutu gölgesini görsel olarak tasarlayın — kaydırma, bulanıklık, yayılma, renk, opaklık ve inset — canlı önizlemeli. Oluştur CSS Border Radius Oluşturucu Köşeleri tek tek veya hep birlikte, px ya da % olarak yuvarlayın — canlı önizleme ve kopyalanabilir CSS. Oluştur CSS Text Shadow (Yazı Gölgesi) Oluşturucu Yazı gölgesini kaydırma, bulanıklık, renk ve opaklıkla tasarlayın — örnek metin üzerinde canlı önizleme. Oluştur