UI Design
/
Arayüz stilleri ile çalışın

Border (Kenarlık)

Border (Kenarlık)

Kuika’nın Border özellikleri ile tasarımlarınıza profesyonel bir görünüm kazandırabilirsiniz. Elementlerin etrafına çizgi ekleyebilir ve bu çizgilerin özelliklerini kolayca özelleştirebilirsiniz. Kenarlıkların rengini, kalınlığını, türünü ve köşe eğimlerini ayarlayarak estetik bir tasarım oluşturabilirsiniz. Ayrıca, oluşturduğunuz Border stillerini kaydedip farklı ekranlarda veya elementlerde tekrar kullanabilirsiniz.

Custom Style (Özel Stil)

Custom Style, bir elemente özel kenarlık stili oluşturma ve düzenleme alanıdır. Bu panelde dört temel özellik bulunur:

  1. Color (Renk):
    • Kenarlık rengini ve opaklığını belirler.
    • Hex kodu (ör. #FF5733), RGB değerleri (ör. rgb(255, 87, 51)) veya Color Picker (Renk Seçici) kullanarak renk seçebilirsiniz.
  2. Width (Genişlik):
  • Kenarlık kalınlığını piksel (px) cinsinden ayarlayabilirsiniz.
  • Her bir kenar için ayrı değerler girebilirsiniz: Top (Üst), Bottom (Alt), Right (Sağ), Left (Sol).
  • Kilit ikonu aktif hale getirilerek tüm kenarlara aynı kalınlık atanabilir.
  1. Radius (Köşe Eğimleri):
  • Köşe eğimlerini ayarlayarak kenarların yuvarlatılmasını sağlayabilirsiniz.
  • Tek bir değer girerek tüm köşelere eşit yuvarlama uygulayabilir veya her köşe için ayrı değerler belirtebilirsiniz (ör. 10px 15px 20px 5px).
  1. Style (Stil):
  • Kenarlık çizgi türünü belirler:
    • Solid (Düz): Kesintisiz düz çizgi
    • Dashed (Kesikli): Aralıklı kesik çizgiler
    • Dotted (Noktalı): Küçük noktalardan oluşan çizgi

Border Stillerini Yönetme

  • Load Style: Kaydettiğiniz bir Custom Style'ı başka bir elemente kolayca uygulayabilirsiniz.
  • Düzenleme: Var olan bir stili güncelleyebilirsiniz.
  • Çoğaltma: Mevcut bir stilin kopyasını oluşturup üzerinde değişiklikler yapabilirsiniz.
  • Silme: Artık ihtiyaç duymadığınız stilleri kaldırabilirsiniz.

İlişkili diğer içerikler

No items found.

Sözlük

No items found.

Alt Başlıklar